欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

Vue-resource拦截器判断token失效跳转的实例

时间:2022-08-20 08:10:00|栏目:vue|点击:

在拦截器中设置全局的token判断,意味着每次http请求都会校验token,与后台约定好的token过期返回码可以自定义跳转路径;

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
  })
})

上一篇:Nuxt项目支持eslint+pritter+typescript的实现

栏    目:vue

下一篇:vue使用echarts实现地图的方法详解

本文标题:Vue-resource拦截器判断token失效跳转的实例

本文地址:http://www.codeinn.net/misctech/211368.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有