这周下来,我们要写的东西基本上都写完了,剩下的都是进行细节的完善,然后就是对axios的拦截器的使用,我们也要进行细节的学习,然后并使用它,也是对拦截器做了一些总结

axios的拦截器分为两种:

  1. 请求拦截器是请求之前拦截
  2. 响应拦截器是响应完成后拦截

拦截器的模板:

**        请求拦截器的模板:**

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);
});
文章作者: Mr. Fortunate
文章链接: https://www.fortunate.cool/2022/07/10/%E5%9C%A8%E5%86%99%E9%A1%B9%E7%9B%AE%E7%9A%84%E7%AC%AC%E4%BA%8C%E5%91%A8/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 fortunate

评论