Vue-resource攔截器判斷token失效跳轉(zhuǎn)的實(shí)例
來(lái)源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 22:26:46
Vue-resource攔截器判斷token失效跳轉(zhuǎn)的實(shí)例
Vue-resource攔截器判斷token失效跳轉(zhuǎn)的實(shí)例:在攔截器中設(shè)置全局的token判斷,意味著每次http請(qǐng)求都會(huì)校驗(yàn)token,與后臺(tái)約定好的token過(guò)期返回碼可以自定義跳轉(zhuǎn)路徑; var token = window.localStorage.getItem(token); Vue.http.interceptors.push(function(re
導(dǎo)讀Vue-resource攔截器判斷token失效跳轉(zhuǎn)的實(shí)例:在攔截器中設(shè)置全局的token判斷,意味著每次http請(qǐng)求都會(huì)校驗(yàn)token,與后臺(tái)約定好的token過(guò)期返回碼可以自定義跳轉(zhuǎn)路徑; var token = window.localStorage.getItem(token); Vue.http.interceptors.push(function(re

在攔截器中設(shè)置全局的token判斷,意味著每次http請(qǐng)求都會(huì)校驗(yàn)token,與后臺(tái)約定好的token過(guò)期返回碼可以自定義跳轉(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){ //與后臺(tái)約定登錄失效的返回碼
parent.location.href ='/login.html';
}
return response
})
})
以上這篇Vue-resource攔截器判斷token失效跳轉(zhuǎn)的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Vue-resource攔截器判斷token失效跳轉(zhuǎn)的實(shí)例
Vue-resource攔截器判斷token失效跳轉(zhuǎn)的實(shí)例:在攔截器中設(shè)置全局的token判斷,意味著每次http請(qǐng)求都會(huì)校驗(yàn)token,與后臺(tái)約定好的token過(guò)期返回碼可以自定義跳轉(zhuǎn)路徑; var token = window.localStorage.getItem(token); Vue.http.interceptors.push(function(re