最近在做的一個項目,需要每個http請求下 都要添加token,這樣無疑是增加了工作量。而vue 攔截器interceptors正好可以解決我們的需求。
Vue.http.interceptors.push(function (request, next) {//攔截器設置請求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" ; }. // 請求發送后的處理邏輯 // ... // 根據請求的狀態,response參數會返回給successCallback或errorCallback return response }); });
以上這篇Vue 攔截器對token過期處理方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com