Vue 拦截器对token过期处理方法


Posted in Javascript onJanuary 23, 2018

最近在做的一个项目,需要每个http请求下 都要添加token,这样无疑是增加了工作量。而vue 拦截器interceptors正好可以解决我们的需求。

Vue.http.interceptors.push(function (request, next) {//拦截器设置请求token

 // sessionStorage.getItem("tokenUrl");
 request.headers.set('token', sessionStorage.getItem("tokenVal"));
 if (request.url.indexOf(url) === -1) {
 request.url = url + request.url;
 }
 // continue to next interceptor
 next(function (response) {
 // ..if(response.body.code=="失败码")
{
parent.location.href="登录页面路径" rel="external nofollow" ;
}.
 // 请求发送后的处理逻辑
 // ...
 // 根据请求的状态,response参数会返回给successCallback或errorCallback
 return response
 });
});

以上这篇Vue 拦截器对token过期处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Z-Blog中用到的js代码
Mar 15 Javascript
Js中的onblur和onfocus事件应用介绍
Aug 27 Javascript
JavaScript闭包实例讲解
Apr 22 Javascript
jquery向上向下取整适合分页查询
Sep 06 Javascript
修改或扩展jQuery原生方法的代码实例
Jan 13 Javascript
jquery中EasyUI使用技巧小结
Feb 10 Javascript
JS获取当前脚本文件的绝对路径
Mar 02 Javascript
AngularJs Dependency Injection(DI,依赖注入)
Sep 02 Javascript
解析javascript图片懒加载与预加载的分析总结
Oct 27 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
Oct 31 Javascript
React进阶学习之组件的解耦之道
Aug 07 Javascript
详解swipe使用及竖屏页面滚动方法
Jun 28 Javascript
浅谈React + Webpack 构建打包优化
Jan 23 #Javascript
vue组件编写之todolist组件实例详解
Jan 22 #Javascript
基于openlayers4实现点的扩散效果
Aug 17 #Javascript
vue-cli启动本地服务局域网不能访问的原因分析
Jan 22 #Javascript
webpack引入eslint配置详解
Jan 22 #Javascript
jquery在启动页面时,自动加载数据的实例
Jan 22 #jQuery
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 #jQuery
You might like
提升PHP速度全攻略
2006/10/09 PHP
PHP学习笔记(二):变量详解
2015/04/17 PHP
PHP+Mysql+Ajax实现淘宝客服或阿里旺旺聊天功能(前台页面)
2017/06/16 PHP
PHP实现限制IP访问及提交次数的方法详解
2017/07/17 PHP
jquery 表单进行客户端验证demo
2009/08/24 Javascript
jquery的Theme和Theme Switcher使用小结
2010/09/08 Javascript
javascript题目,重写函数让其无限相加
2012/02/15 Javascript
js动态创建表格,删除行列的小例子
2013/07/20 Javascript
document.compatMode的CSS1compat使用介绍
2014/04/03 Javascript
javascript最基本的函数汇总
2015/06/25 Javascript
jQuery简单操作cookie的插件实例
2016/01/13 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
2016/10/14 Javascript
vue-router实现tab标签页(单页面)详解
2017/10/17 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
jquery的$().each和$.each的区别
2019/01/18 jQuery
微信小程序学习笔记之登录API与获取用户信息操作图文详解
2019/03/29 Javascript
ES6 Object属性新的写法实例小结
2019/06/25 Javascript
NodeJs实现简易WEB上传下载服务器
2019/08/10 NodeJs
ES6中Symbol、Set和Map用法详解
2019/08/20 Javascript
js实现查询商品案例
2020/07/22 Javascript
[02:09:59]火猫TV国士无双dota2 6.82版本详解(下)
2014/09/29 DOTA
[00:50]2014DOTA2国际邀请赛 NEWBEE战队回顾
2014/08/01 DOTA
Django基于ORM操作数据库的方法详解
2018/03/27 Python
python实现泊松图像融合
2018/07/26 Python
Python中常用的内置方法
2019/01/28 Python
python处理大日志文件
2019/07/23 Python
tensorflow 自定义损失函数示例代码
2020/02/05 Python
升级keras解决load_weights()中的未定义skip_mismatch关键字问题
2020/06/12 Python
Virtualenv 搭建 Py项目运行环境的教程详解
2020/06/22 Python
采购部岗位职责
2013/11/24 职场文书
淘宝网店营销策划书
2014/01/11 职场文书
班组长岗位职责
2014/03/03 职场文书
村级换届选举方案
2014/05/10 职场文书
2014年学校领导班子对照检查材料
2014/09/19 职场文书
2015年班干部工作总结
2015/04/29 职场文书
2016党员学习《反对自由主义》心得体会
2016/01/22 职场文书