这周下来,我们要写的东西基本上都写完了,剩下的都是进行细节的完善,然后就是对axios的拦截器的使用,我们也要进行细节的学习,然后并使用它,也是对拦截器做了一些总结
axios的拦截器分为两种:
- 请求拦截器是请求之前拦截
- 响应拦截器是响应完成后拦截
拦截器的模板:
请求拦截器的模板:
// 添加一个请求拦截器
axios.interceptors.request.use(function (config) {
//这里可以在请求成功之前,做一些任务
return config;
}, function (error) {
//请求失败的返回值
return Promise.reject(error);
});
请求拦截器的模板:
// 添加一个请求拦截器的实例
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);
});
响应拦截器的模板:
// 添加一个响应拦截器
axios.interceptors.response.use(function (response) {
//对response的数据做处理
return response;
}, function (error) {
// 对response的失败做处理
return Promise.reject(error);
});