最近在做的一個項目,需要每個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)容了,希望能給大家一個參考,也希望大家多多支持512筆記。