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 相关文章推荐
javascript据option的value值快速设定初始的selected选项
Aug 13 Javascript
Html中JS脚本执行顺序简单举例说明
Jun 19 Javascript
AJAX分页的代码(后台asp.net)
Feb 14 Javascript
javascript full screen 全屏显示页面元素的方法
Sep 27 Javascript
js 求时间差的实现代码
Apr 26 Javascript
基于angularjs实现图片放大镜效果
Aug 31 Javascript
原生JS实现N级菜单的代码
May 21 Javascript
Vue自定义toast组件的实例代码
Aug 15 Javascript
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
Feb 28 Javascript
vue组件三大核心概念图文详解
May 30 Javascript
vue实现图片上传预览功能
Dec 23 Javascript
vue项目打包后请求地址错误/打包后跨域操作
Nov 04 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数组键名技巧小结
2015/02/17 PHP
用函数式编程技术编写优美的 JavaScript
2006/11/25 Javascript
asp.net和asp下ACCESS的参数化查询
2008/06/11 Javascript
js 方法实现返回多个数据的代码
2009/04/30 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
2012/05/23 Javascript
iframe如何动态创建及释放其所占内存
2014/09/03 Javascript
浅谈jQuery事件绑定原理
2015/01/02 Javascript
js实现将选中值累加到文本框的方法
2015/08/12 Javascript
js单页hash路由原理与应用实战详解
2017/08/14 Javascript
JS如何操作DOM基于表格动态展示数据
2020/10/15 Javascript
[02:38]DOTA2 夜魇暗潮2020活动介绍官方视频
2020/11/04 DOTA
Python UnicodeEncodeError: 'gbk' codec can't encode character 解决方法
2015/04/24 Python
Python判断值是否在list或set中的性能对比分析
2016/04/16 Python
Python只用40行代码编写的计算器实例
2017/05/10 Python
Python各类图像库的图片读写方式总结(推荐)
2018/02/23 Python
利用Python在一个文件的头部插入数据的实例
2018/05/02 Python
python得到windows自启动列表的方法
2018/10/14 Python
Django框架模板的使用方法示例
2019/05/25 Python
python区分不同数据类型的方法
2019/10/14 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
CSS3的 fit-content实现水平居中
2017/09/07 HTML / CSS
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
澳大利亚最好的电动自行车:Leon Cycle
2020/12/19 全球购物
高三政治教学反思
2014/02/06 职场文书
测绘工程专业求职信
2014/07/15 职场文书
优秀毕业生的求职信
2014/07/21 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
财政专业大学生职业生涯规划书
2014/09/17 职场文书
纪委书记群众路线整改措施思想汇报
2014/10/09 职场文书
个人诉讼委托书范本
2014/10/17 职场文书
2014年林业工作总结
2014/12/05 职场文书
2014年团支部年度工作总结
2014/12/24 职场文书
单位考核聘任报告
2015/03/02 职场文书
心灵捕手观后感
2015/06/02 职场文书
2016天猫双十一广告语
2016/01/28 职场文书