Vue 攔截器對token過期處理方法
更新時間：2018年01月23日 08:37:57 作者：qq_36947128
下面小編就為大家分享一篇Vue 攔截器對token過期處理方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
最近在做的一個項目，需要每個http請求下 都要添加token，這樣無疑是增加了工作量。而vue 攔截器interceptors正好可以解決我們的需求。
Vue.http.interceptors.push(function (request, next) {//攔截器設(shè)置請求token
// sessionStorage.getItem("tokenUrl");
request.headers.set('token', sessionStorage.getItem("tokenVal"));
if (request.url.indexOf(url) === -1) {
request.url = url + request.url;
}
// continue to next interceptor
next(function (response) {
// ..if(response.body.code=="失敗碼")
{
parent.location.href="登錄頁面路徑" rel="external nofollow" ;
}.
// 請求發(fā)送后的處理邏輯
// ...
// 根據(jù)請求的狀態(tài)，response參數(shù)會返回給successCallback或errorCallback
return response
});
});
以上這篇Vue 攔截器對token過期處理方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
用vite搭建vue3應(yīng)用的實現(xiàn)方法
這篇文章主要介紹了用vite搭建vue3應(yīng)用的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
Vue項目中數(shù)據(jù)的深度監(jiān)聽或?qū)ο髮傩缘谋O(jiān)聽實例
這篇文章主要介紹了Vue項目中數(shù)據(jù)的深度監(jiān)聽或?qū)ο髮傩缘谋O(jiān)聽實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
Vue3 setup語法糖銷毀一個或多個定時器(setTimeout/setInterval)
這篇文章主要給大家介紹了關(guān)于Vue3 setup語法糖銷毀一個或多個定時器(setTimeout/setInterval)的相關(guān)資料,vue是單頁面應(yīng)用,路由切換后,定時器并不會自動關(guān)閉,需要手動清除,當(dāng)頁面被銷毀時,清除定時器即可,需要的朋友可以參考下2023-10-10
如何在 ant 的table中實現(xiàn)圖片的渲染操作
這篇文章主要介紹了如何在 ant 的table中實現(xiàn)圖片的渲染操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
去年，vue3出來了。增加了很多新功能，但是也刪掉了一些功能。比如刪掉了vue2中的過濾器filter功能。與此同時，官方建議：用方法調(diào)用或計算屬性替換過濾器。本文將分析vue3刪除過濾器的原因及如何用其他方法實現(xiàn)過濾器的功能2021-05-05
vue2使用element-ui,el-table不顯示,用npm安裝方式
這篇文章主要介紹了vue2使用element-ui,el-table不顯示,用npm安裝方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
Vue源碼學(xué)習(xí)記錄之手寫vm.$mount方法
在我們開發(fā)中，經(jīng)常要用到Vue.extend創(chuàng)建出Vue的子類來構(gòu)造函數(shù)，通過new 得到子類的實例，然后通過$mount掛載到節(jié)點，今天通過本文給大家講解手寫vm.$mount方法 ，感興趣的朋友一起看看吧2022-11-11
WebRTC作為一種開放標準的實時通信協(xié)議,能輕松實現(xiàn)瀏覽器之間的實時音視頻通信,本次主要分享基于WebRTC的音視頻通話技術(shù),講解WebRTC原理和音視頻傳輸?shù)汝P(guān)鍵概念,通過案例實踐,帶大家掌握如何搭建一個音視頻通話應(yīng)用,需要的朋友可以參考下2024-05-05
本篇文章主要介紹了vue-cli中的webpack配置詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
對于一個中后臺類的項目,一個比較常見的展示形式就是Table了,這篇文章主要給大家介紹了關(guān)于Vue封裝通用table組件的相關(guān)資料,需要的朋友可以參考下2021-07-07