Vue-resource攔截器判斷token失效跳轉(zhuǎn)的實例
更新時間：2017年10月27日 09:38:09 投稿：jingxian
下面小編就為大家?guī)硪黄猇ue-resource攔截器判斷token失效跳轉(zhuǎn)的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
在攔截器中設置全局的token判斷，意味著每次http請求都會校驗token，與后臺約定好的token過期返回碼可以自定義跳轉(zhuǎn)路徑；
var token = window.localStorage.getItem("token");
Vue.http.interceptors.push(function(request, next) {
request.headers.set('token', token); //setting request.headers
next(function(response){
if(response.body.code===401){ //與后臺約定登錄失效的返回碼
parent.location.href ='/login.html';
}
return response
})
})
以上這篇Vue-resource攔截器判斷token失效跳轉(zhuǎn)的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue中如何給Window對象添加方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了當啟動vue項目安裝依賴時報錯的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章給大家主要介紹了Vue.js中數(shù)組變動的檢測，文中給出了詳細的示例代碼和過程介紹，相信會對大家的理解和學習很有幫助，有需要的朋友們下面來一起看看吧。2016-10-10
這篇文章主要介紹了vue項目使用uniapp生成app的全過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
本文主要介紹了Vue實現(xiàn)模糊查詢搜索功能的步驟,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-10-10
在一般業(yè)務中監(jiān)聽的最多的就是 Click 事件，但是在一些業(yè)務比如 Alert 和 Pop 效果時，需要監(jiān)聽在元素外部的點擊來關閉彈窗。2020-11-11
這篇文章主要介紹了vue .then和鏈式調(diào)用操作方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07
vue form表單post請求結(jié)合Servlet實現(xiàn)文件上傳功能
這篇文章主要介紹了vue form表單post請求結(jié)合Servlet實現(xiàn)文件上傳功能，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2021-01-01
這篇文章主要介紹了Element Popover 彈出框的使用示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
這篇文章主要介紹了vue.js封裝switch開關組件的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10