前端怎么通过axios连接后端（前端知识杂记毛玻璃）

前端怎么通过axios连接后端（前端知识杂记毛玻璃）fetch： 是web提供的一个获取异步资源的API，和XHR的区别是它使用了promise；4：响应已完成；可以获取并使用服务器的响应数据。1：请求已经建立，但是还没有发送，还没有调用 send()。2：请求已发送，正在处理中（通常现在可以从获取到响应头信息）。3：请求在处理中；通常响应中已有部分数据可用了，没有全部完成。

一：ajax | fetch | axios

ajax:异步的Javascript和XML;用于浏览器端和服务器端进行数据交互，实现局部刷新。

手写ajax

XHR.readyState == 状态（0，1，2，3，4），而且状态也是不可逆的：

0：请求未初始化，还没有调用 open()。

1：请求已经建立，但是还没有发送，还没有调用 send()。

2：请求已发送，正在处理中（通常现在可以从获取到响应头信息）。

3：请求在处理中；通常响应中已有部分数据可用了，没有全部完成。

4：响应已完成；可以获取并使用服务器的响应数据。

fetch： 是web提供的一个获取异步资源的API，和XHR的区别是它使用了promise；

axios：是基于promise的一个http库，可以用在浏览器和node环境中；本质上也是对XHR的封装，只不过它是promise的实现版本。

• 拦截器：请求拦截（配置请求头信息、设置token）、响应拦截（对返回状态码进行统一处理）。两种拦截器都（axios.interceptorsv.request/response.use(req/res=>{} err=>{})）接受两个参数，一个是发请求之前做点什么/对响应数据做点什么，另一个是对请求错误/响应错误（状态码非200）做点什么。
• 取消请求：axios.cancel();

二：css 毛玻璃效果