axios 拦截器

axios 拦截器

拦截器：拦截每一次你的请求和响应，然后进行相应的处理
就是在你发送请求或者获得响应的时候所做的事情

设置拦截器

axios.interceptors.request.use(function (Cconfig) {
console.log(’ yes request 1’);
return Cconfig;
}, function (Cerror) {
console.log(’ no request 1’);
return Promise.reject(Cerror);
});
axios.interceptors.request.use(function (Cconfig) {
console.log(’ yes request 2’);
return Cconfig;
}, function (Cerror) {
console.log(’ no request 2’);
return Promise.reject(Cerror);
});
axios.interceptors.response.use(function (Cresponse) {
console.log(’ yes response 1’);
return Cresponse;
}, function (Cerror) {
console.log(’ yes response 1’);
return Promise.reject(Cerror);
});
axios.interceptors.response.use(function (Cresponse) {
console.log(’ yes response 2’);
return Cresponse;
}, function (Cerror) {
console.log(’ yes response 2’);
return Promise.reject(Cerror);
});

设置了请求拦截器和响应拦截器各2个

设置请求报文

axios({
url:‘http://localhost:3000/posts’,
})
.then(function(response){
console.log(‘i am yes’);
console.log(response.data);
console.log(response.request);
})
.catch(function(error){
console.log(‘i am no’);
console.log(error.message);
console.log(error.request);
})

结果

先设置的请求拦截器是放在后面执行的，

如果请求失败