vue-resource 全局攔截器


項目中可能會添加超時登錄的功能,因此根據tokenid 判斷是否超時。如果token已過期,需要跳轉至登錄頁面。

因此需要用到全局攔截器攔截返回的狀態

//下邊代碼添加在main.js中
Vue.http.interceptors.push((request, next) => {
 console.log(this)//此處this為請求所在頁面的Vue實例
  // modify request
  request.method = 'POST';//在請求之前可以進行一些預處理和配置

  // continue to next interceptor
  next((response) => {//在響應之后傳給then之前對response進行修改和邏輯判斷。對於token時候已過期的判斷,就添加在此處,頁面中任何一次http請求都會先調用此處方法

      response.body = '...';
    return response;

  });
});
Vue.http.interceptors.push(function(request, next) {
    // ...
    // 請求發送前的處理邏輯
    // ...
    next(function(response) {
        // ...
        // 請求發送后的處理邏輯
        // ...
        // 根據請求的狀態,response參數會返回給successCallback或errorCallback
        return response
    })
}

參考 https://www.cnblogs.com/goloving/p/8665421.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM