这周下来，我们要写的东西基本上都写完了，剩下的都是进行细节的完善，然后就是对axios的拦截器的使用，我们也要进行细节的学习，然后并使用它，也是对拦截器做了一些总结
axios的拦截器分为两种：
- 请求拦截器是请求之前拦截
- 响应拦截器是响应完成后拦截
拦截器的模板：
** 请求拦截器的模板：**
1
2
3
4
5
6
7
8
9
| // 添加一个请求拦截器
axios.interceptors.request.use(function (config) {
//这里可以在请求成功之前，做一些任务
return config;
}, function (error) {
//请求失败的返回值
return Promise.reject(error);
});
|
请求拦截器的模板：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| // 添加一个请求拦截器的实例
axios.interceptors.request.use(function (config) {
//拦截器请求成功之前
var token = sessionStorage.getItem('token')
if(token == null){
return config
}else{
axios.defaults.headers['token'] = token
return config
}
return config;
}, function (error) {
//拦截器请求失败
return Promise.reject(error);
});
|
响应拦截器的模板：
1
2
3
4
5
6
7
8
| // 添加一个响应拦截器
axios.interceptors.response.use(function (response) {
//对response的数据做处理
return response;
}, function (error) {
// 对response的失败做处理
return Promise.reject(error);
});
|
版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 fortunate！
