axios.interceptors的使用
axios.interceptors有兩種,一是請求攔截,二是返回攔截。
一、請求攔截
使用場景
1.在請求時在請求參數上統一添加參數,
axios.interceptors.request.use(config=>{
if(config.method=='post'){
config.data = {
...config.data,
"paramsName": params,
}
}else if(config.method=='get'){
config.params = {
"paramsName":params,
...config.params
}
}
return config;
},err=>{
return Promise.reject(err);
});
這樣就可以將你的參數添加在請求當中了。
二、結果攔截
使用場景,驗證token是否過期
axios.interceptors.response.use(response=>{
},error => {
if(error.response.status === 401){
//對應的token過期的操作
}
return Promise.resolve(error.response)
});
這里要注意的是,看你前后端閱讀401的返回,一般是報錯,所以你的response是空的,你需要在error的回調里面去進行相關的處理。
原文鏈接:https://blog.csdn.net/weixin_43078608/java/article/details/98875497
