axios.interceptors的使用(一是請求攔截,二是返回攔截)


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM