axios全局請求參數(shù)設(shè)置,請求及返回攔截器的方法
更新時間：2018年03月05日 10:26:31 作者：panyox
下面小編就為大家分享一篇axios全局請求參數(shù)設(shè)置,請求及返回攔截器的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
應(yīng)用場景：
1，每個請求都帶上的參數(shù)，比如token，時間戳等。
2，對返回的狀態(tài)進(jìn)行判斷，比如token是否過期
代碼如下：
axios.interceptors.request.use(
config => {
var xtoken = getXtoken()
if(xtoken != null){
config.headers['X-Token'] = xtoken
}
if(config.method=='post'){
config.data = {
...config.data,
_t: Date.parse(new Date())/1000,
}
}else if(config.method=='get'){
config.params = {
_t: Date.parse(new Date())/1000,
...config.params
}
}
return config
},function(error){
return Promise.reject(error)
}
)
axios.interceptors.response.use(function (response) {
// token 已過期，重定向到登錄頁面
if (response.data.code == 4){
localStorage.clear()
router.replace({
path: '/signin',
query: {redirect: router.currentRoute.fullPath}
})
}
return response
}, function (error) {
// Do something with response error
return Promise.reject(error)
})
以上這篇axios全局請求參數(shù)設(shè)置,請求及返回攔截器的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
談?wù)剬ue響應(yīng)式數(shù)據(jù)更新的誤解
本篇文章主要介紹了談?wù)剬ue響應(yīng)式數(shù)據(jù)更新的誤解，深入了解了vue響應(yīng)式數(shù)據(jù)，有興趣的可以了解一下2017-08-08
Vue項(xiàng)目中token驗(yàn)證登錄(前端部分)
這篇文章主要為大家詳細(xì)介紹了Vue項(xiàng)目中token驗(yàn)證登錄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
Vue resource中的GET與POST請求的實(shí)例代碼
本篇文章主要介紹了Vue resource中的GET與POST請求的實(shí)例代碼，非常具有實(shí)用價值，需要的朋友可以參考下2017-07-07
Vue3+ElementPlus在el-table表格中顯示時間的示例代碼
文章介紹了如何在Vue3+ElementPlus的el-table表格中顯示時間,并提供了相關(guān)的代碼示例,感興趣的朋友一起看看吧2025-02-02
Mixin是面向?qū)ο蟪绦蛟O(shè)計語言中的類,提供了方法的實(shí)現(xiàn),其他類可以訪問mixin類的方法而不必成為其子類在Vue中,可以使用mixin來擴(kuò)展組件的功能,本文給大家介紹了Vue中如何使用mixin擴(kuò)展組件功能,需要的朋友可以參考下2024-11-11
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)下拉加載更多，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
作為使用Vue的開發(fā)者，我們對Vue指令一定不陌生，諸如v-model、v-on、等，同時Vue也為開發(fā)者提供了自定義指令的api，熟練的使用自定義指令可以極大的提高了我們編寫代碼的效率，讓我們可以節(jié)省時間開心的摸魚2023-03-03
本篇文章主要介紹了基于vue的換膚功能的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要介紹了Vue之關(guān)于Eslint自動加分號的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
vue可視化大屏實(shí)現(xiàn)無線滾動列表飛入效果
本文主要介紹了vue可視化大屏實(shí)現(xiàn)無線滾動列表飛入效果，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04