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 css在IE和Firefox中区别分析
Feb 18 Javascript
根据出生日期自动取得星座的js代码
Jul 20 Javascript
js实现图片轮换效果代码
Apr 16 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
Aug 10 Javascript
详解Vue-Cli 异步加载数据的一些注意点
Aug 12 Javascript
js点击时关闭该范围下拉菜单之外的菜单方法
Jan 11 Javascript
AngularJS 应用模块化的使用
Apr 04 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
Jun 14 Javascript
vue项目初始化到登录login页面的示例
Oct 31 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
Mar 07 Javascript
创建nuxt.js项目流程图解
Mar 13 Javascript
Vue+Java+Base64实现条码解析的示例
Sep 23 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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
php中的一些数组排序方法分享
2012/07/20 PHP
php多维数组去掉重复值示例分享
2014/03/02 PHP
PHP的Laravel框架结合MySQL与Redis数据库的使用部署
2016/03/21 PHP
PHP实现bitmap位图排序与求交集的方法
2016/07/28 PHP
Laravel5.5以下版本中如何自定义日志行为详解
2018/08/01 PHP
Yii框架核心组件类实例详解
2019/08/06 PHP
javascript 贪吃蛇实现代码
2008/11/22 Javascript
在JavaScript中typeof的用途介绍
2013/04/11 Javascript
简约JS日历控件 实例代码
2013/07/12 Javascript
AngularJS表格添加序号的方法
2017/03/03 Javascript
原生js实现放大镜特效
2017/03/08 Javascript
浅谈angular4实际项目搭建总结
2017/12/01 Javascript
vue slots 组件的组合/分发实例
2018/09/06 Javascript
Vue实现类似Spring官网图片滑动效果方法
2019/03/01 Javascript
巧妙运用v-model实现父子组件传值的方法示例
2019/04/07 Javascript
JavaScript之Blob对象类型的具体使用方法
2019/11/29 Javascript
基于js判断浏览器是否支持webGL
2020/04/18 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
微信小程序实现下拉加载更多商品
2020/12/29 Javascript
[02:04]2014DOTA2国际邀请赛 DK一个时代的落幕
2014/07/21 DOTA
举例讲解Python中装饰器的用法
2015/04/27 Python
python使用in操作符时元组和数组的区别分析
2015/05/19 Python
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
浅谈django rest jwt vue 跨域问题
2018/10/26 Python
djano一对一、多对多、分页实例代码
2019/08/16 Python
基于python读取.mat文件并取出信息
2019/12/16 Python
新西兰演唱会和体育门票网站:Ticketmaster新西兰
2017/10/07 全球购物
Wiggle澳大利亚:自行车、跑步、游泳商店
2020/11/07 全球购物
纬创Java面试题笔试题
2014/10/02 面试题
经典c++面试题五
2014/12/17 面试题
农村产权制度改革实施方案
2014/03/21 职场文书
霸气押韵的班级口号
2014/06/09 职场文书
爱的奉献演讲稿
2014/09/10 职场文书
小人国观后感
2015/06/11 职场文书
读书笔记怎么写
2015/07/01 职场文书