最近在做的一個項目，需要每個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" ;
}.
 // 請求發(fā)送后的處理邏輯
 // ...
 // 根據(jù)請求的狀態(tài)，response參數(shù)會返回給successCallback或errorCallback
 return response
 });
});

以上這篇Vue 攔截器對token過期處理方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持512筆記。