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 字符串乘法
Aug 20 Javascript
使用JavaScript 实现各种跨域的方法
May 08 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
Aug 05 Javascript
JavaScript实现点击按钮直接打印
Jan 06 Javascript
JS中sort函数排序用法实例分析
Jun 16 Javascript
类似于QQ的右滑删除效果的实现方法
Oct 16 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
解决浏览器会自动填充密码的问题
Apr 28 Javascript
AngularJS实现动态添加Option的方法
May 17 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
Oct 27 jQuery
vue使用pdfjs显示PDF可复制的实现方法
Dec 14 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
Aug 31 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操作xml并将其插入数据库的实现方法
2016/09/08 PHP
PHP数组常用函数实例小结
2018/08/20 PHP
jQuery自动切换/点击切换选项卡效果的小例子
2013/08/12 Javascript
JS中Date日期函数中的参数使用介绍
2014/01/02 Javascript
window.print打印指定div指定网页指定区域的方法
2014/08/04 Javascript
Flexigrid在IE下不显示数据的有效处理方法
2014/09/04 Javascript
jquery插件推荐 jquery.cookie
2014/11/09 Javascript
JS简单实现城市二级联动选择插件的方法
2015/08/19 Javascript
简单实现轮播图效果的实例
2016/07/15 Javascript
js实现省市级联效果分享
2017/08/10 Javascript
详解angularjs popup-table 弹出框表格指令
2017/09/20 Javascript
vue使用ajax获取后台数据进行显示的示例
2018/08/09 Javascript
对Vue beforeRouteEnter 的next执行时机详解
2018/08/25 Javascript
小程序点赞收藏功能的实现代码示例
2018/09/07 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
2020/04/11 Javascript
vue项目中openlayers绘制行政区划
2020/12/24 Vue.js
python根据经纬度计算距离示例
2014/02/16 Python
pygame学习笔记(1):矩形、圆型画图实例
2015/04/15 Python
深入剖析Python的爬虫框架Scrapy的结构与运作流程
2016/01/20 Python
python发送邮件功能实现代码
2016/07/15 Python
Python+Selenium+PIL+Tesseract自动识别验证码进行一键登录
2017/09/20 Python
对python中数据集划分函数StratifiedShuffleSplit的使用详解
2018/12/11 Python
python中列表的含义及用法
2020/05/26 Python
python查询MySQL将数据写入Excel
2020/10/29 Python
利用css3制作3D样式按钮实现代码
2013/03/18 HTML / CSS
美国汽车交易网站:Edmunds
2016/08/17 全球购物
资深生产主管自我评价
2013/09/22 职场文书
印刷工程专业应届生求职信
2013/09/29 职场文书
医药个人求职信范文
2014/01/29 职场文书
课例研修方案
2014/05/31 职场文书
施工员岗位职责
2015/02/10 职场文书
员工试用期转正自我评价
2015/03/10 职场文书
六年级作文之家庭作文
2019/12/12 职场文书
MySQL InnoDB ReplicaSet(副本集)简单介绍
2021/04/24 MySQL
python 如何获取页面所有a标签下href的值
2021/05/06 Python
德生BCL3000抢先使用感受和评价
2022/04/07 无线电