13-Axios请求

axios框架的使用 （网络请求相关）

1、特点

• 支持浏览器和node.js
• 支持promise
• 能拦截请求和响应
• 能转换请求和响应数据
• 能取消请求
• 自动转换JSON数据
• 浏览器端支持防止CSRF(跨站请求伪造)

2、安装

用npm：

npm install axios

 用 bower：

bower install axios

 用cdn：

 3、使用

 4、配置信息相关

5、常见的配置选项

 项目前景（模块化封装）：在项目开发中，当我们在不同的页面中需要请求数据时可能会这样做，但是这样的话，每个请求的页面都需要引入axios框架，当axios框架不在维护或者有重大bug时，需要修改替换成例外的框架。这时会发现需要在每个页面都修改，这样太费劲了。

 

6、封装request模块 

在src目录下新建network文件夹，然后在该文件夹里新建一个request.js

(注：页面中不需要在引入axios框架啦！)

7、axios请求拦截器和响应拦截器

axios里面可以设置拦截器 ，在请求发送之前做一些事情；
拦截器分【请求拦截器】和【响应拦截器】
参考地址：https://www.jb51.net/article/150014.htm
参考的地址：https://www.jianshu.com/p/7bc7654d4574

请求拦截器的实际应用场景
在进行鉴权的时候；我们每个接口都需要携带token;
难道每次我们都需要手动拼接token;
这个时候拦截器就很有用了；
这时候就可以用拦截器来使token自动增加


// 首先我们看下请求拦截器的写法;在请求或响应被 then 或 catch 处理前拦截它们。

 8、使用