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 学习点滴记录
Apr 24 Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
Feb 27 Javascript
jQuery制作简洁的多级联动Select下拉框
Dec 23 Javascript
jQuery中slideUp 和 slideDown 的点击事件
Feb 26 Javascript
原生js和jquery实现图片轮播淡入淡出效果
Apr 23 Javascript
js闭包引起的事件注册问题介绍
Mar 29 Javascript
JSON与String互转的实现方法(Javascript)
Sep 27 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
AngularJS读取JSON及XML文件的方法示例
May 25 Javascript
jquery实现左右轮播图效果
Sep 28 jQuery
微信小程序实现form表单本地储存数据
Jun 27 Javascript
js实现从右往左匀速显示图片(无缝轮播)
Jun 29 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日期处理函数 整型日期格式
2011/01/12 PHP
提高php运行速度的一些小技巧分享
2012/07/03 PHP
php获取当前时间的毫秒数的方法
2014/01/26 PHP
php中spl_autoload详解
2014/10/17 PHP
php获取根域名方法汇总
2014/10/28 PHP
图文介绍PHP添加Redis模块及连接
2015/07/28 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
解决Laravel5.5下的toArray问题
2019/10/15 PHP
php的lavarel框架中join和orWhere的用法
2020/12/28 PHP
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
2014/08/12 Javascript
Javascript 多物体运动的实现
2014/12/24 Javascript
JavaScript获取URL汇总
2015/06/08 Javascript
简单的jQuery入门指引
2015/07/28 Javascript
整理Javascript基础入门学习笔记
2015/11/29 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
2017/08/14 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
2017/11/17 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
karma+webpack搭建vue单元测试环境的方法示例
2018/05/24 Javascript
ng-events类似ionic中Events的angular全局事件
2018/09/05 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
2019/05/07 Javascript
JS中this的4种绑定规则详解
2020/02/04 Javascript
React中获取数据的3种方法及优缺点
2020/02/18 Javascript
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
python查看微信好友是否删除自己
2016/12/19 Python
python实现快速排序的示例(二分法思想)
2018/03/12 Python
利用Python小工具实现3秒钟将视频转换为音频
2019/10/29 Python
python 识别登录验证码图片功能的实现代码(完整代码)
2020/07/03 Python
CSS3实现王者荣耀匹配人员加载页面的方法
2019/04/16 HTML / CSS
基于ccs3的timeline时间线实现方法
2020/04/30 HTML / CSS
悦木之源美国官网:Origins美国
2016/08/01 全球购物
Ancheer官方户外和运动商店:销售电动自行车
2019/08/07 全球购物
在Java开发中如何选择使用哪种集合类
2016/08/09 面试题
同学毕业留言寄语
2015/02/27 职场文书
2015年幼儿园后勤工作总结
2015/04/25 职场文书
2016高考感言
2015/08/01 职场文书
立秋之描写立秋的作文(五年级)
2019/08/08 职场文书