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