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


Posted in Javascript onOctober 27, 2017

在拦截器中设置全局的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
  })
})

以上这篇Vue-resource拦截器判断token失效跳转的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
DWR Ext 加载数据
Mar 22 Javascript
js下用eval生成JSON对象
Sep 17 Javascript
js各种验证文本框输入格式(正则表达式)
Oct 22 Javascript
js 图片随机不定向浮动的实现代码
Jul 02 Javascript
jquery复选框多选赋值给文本框的方法
Jan 27 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
Apr 26 Javascript
ES6学习之变量的解构赋值
Feb 12 Javascript
微信小程序中子页面向父页面传值实例详解
Mar 20 Javascript
Vue路由切换时的左滑和右滑效果示例
May 29 Javascript
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
Mar 16 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
Nov 15 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
Mar 02 Javascript
vue2里面ref的具体使用方法
Oct 27 #Javascript
初学者AngularJS的环境搭建过程
Oct 27 #Javascript
JavaScript中Require调用js的实例分享
Oct 27 #Javascript
JavaScript自执行函数和jQuery扩展方法详解
Oct 27 #jQuery
Popup弹出框添加数据实现方法
Oct 27 #Javascript
JavaScript模拟实现封装的三种方式及写法区别
Oct 27 #Javascript
使用vue的v-for生成table并给table加上序号的实例代码
Oct 27 #Javascript
You might like
php5中类的学习
2008/03/28 PHP
Codeigniter中集成smarty和adodb的方法
2016/03/04 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
定义select的边框颜色
2008/04/28 Javascript
window.location.hash 使用说明
2010/11/08 Javascript
javascript 学习笔记(八)javascript对象
2011/04/12 Javascript
JavaScript 盒模型 尺寸深入理解
2012/12/31 Javascript
THREE.JS入门教程(2)着色器-上
2013/01/24 Javascript
jquery实现带单选按钮的表格行选中时高亮显示
2013/08/01 Javascript
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
js 实现的可折叠留言板(附源码下载)
2014/07/01 Javascript
JS基于Ajax实现的网页Loading效果代码
2015/10/27 Javascript
Javascript获取background属性中url的值
2016/10/17 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
Vue.2.0.5过渡效果使用技巧
2017/03/16 Javascript
基于jquery实现二级联动效果
2017/03/30 jQuery
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
2018/08/28 jQuery
Vue 报错TypeError: this.$set is not a function 的解决方法
2018/12/17 Javascript
Javascript之高级数组API的使用实例
2019/03/08 Javascript
基于Vue.js与WordPress Rest API构建单页应用详解
2019/09/16 Javascript
python遍历文件夹,指定遍历深度与忽略目录的方法
2018/07/11 Python
python使用MQTT给硬件传输图片的实现方法
2019/05/05 Python
Django基础三之视图函数的使用方法
2019/07/18 Python
Django ORM多对多查询方法(自定义第三张表&ManyToManyField)
2019/08/09 Python
详解用Python进行时间序列预测的7种方法
2020/03/13 Python
基于python计算滚动方差(标准差)talib和pd.rolling函数差异详解
2020/06/08 Python
美国孕妇装购物网站:Motherhood Maternity
2019/09/22 全球购物
美国轻奢时尚购物网站:REVOLVE(支持中文)
2020/07/18 全球购物
高级销售员求职信
2013/10/25 职场文书
写好求职信第一句话的技巧
2013/10/26 职场文书
出生医学证明书
2014/09/15 职场文书
小学生安全教育广播稿
2014/10/20 职场文书
写给医生的感谢信
2015/01/22 职场文书
python数据分析之用sklearn预测糖尿病
2021/04/22 Python
Spring boot admin 服务监控利器详解
2022/08/05 Java/Android