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 相关文章推荐
List the Codec Files on a Computer
Jun 11 Javascript
Javascript 学习笔记 错误处理
Jul 30 Javascript
人人网javascript面试题 可以提前实现下
Jan 05 Javascript
JavaScript动态修改背景颜色的方法
Apr 16 Javascript
js判断数组key是否存在(不用循环)的简单实例
Aug 03 Javascript
Node.js + Redis Sorted Set实现任务队列
Sep 19 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
Dec 16 Javascript
jQuery EasyUI 页面加载等待及页面等待层
Feb 06 Javascript
vue proxyTable 接口跨域请求调试的示例
Sep 12 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
Dec 07 Javascript
在Vue项目中,防止页面被缩放和放大示例
Oct 28 Javascript
如何使用vue3打造一个物料库
May 08 Vue.js
浅谈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/06/09 PHP
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
php使用strip_tags()去除html标签仍有空白的解决方法
2016/07/28 PHP
javascript indexOf函数使用说明
2008/07/03 Javascript
从盛大通行证上摘下来的身份证验证js代码
2011/01/11 Javascript
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
2013/04/15 Javascript
jQuery.event兼容各浏览器的event详细解析
2013/12/18 Javascript
小结Node.js中非阻塞IO和事件循环
2014/09/18 Javascript
分享20款美化网站的 jQuery Lightbox 灯箱插件
2014/10/10 Javascript
webpack+vue.js快速入门教程
2016/10/12 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
2017/02/05 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
JavaScript数据结构之二叉树的查找算法示例
2017/04/13 Javascript
详解vuejs之v-for列表渲染
2017/06/22 Javascript
浅谈JS如何实现真正的对象常量
2017/06/25 Javascript
Vue2 SSR渲染根据不同页面修改 meta
2017/11/20 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
Webpack 4如何动态切割JS注入文件名详解
2019/07/09 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
2019/07/24 Javascript
VUE实现图片验证码功能
2020/11/18 Javascript
vue中使用router全局守卫实现页面拦截的示例
2020/10/23 Javascript
python中os操作文件及文件路径实例汇总
2015/01/15 Python
Python使用pygame模块编写俄罗斯方块游戏的代码实例
2015/12/08 Python
Python 正则表达式入门(中级篇)
2016/12/07 Python
python字符串常用方法
2018/06/14 Python
在python里面运用多继承方法详解
2019/07/01 Python
Python日志无延迟实时写入的示例
2019/07/11 Python
python字典排序的方法
2019/10/12 Python
使用CSS3实现圆角,阴影,透明
2014/12/23 HTML / CSS
CSS3制作酷炫的条纹背景
2017/11/09 HTML / CSS
PHP如何去执行一个SQL语句
2016/03/05 面试题
结婚典礼证婚词
2014/01/08 职场文书
婚礼新人答谢词
2015/01/04 职场文书
公司员工管理制度
2015/08/04 职场文书
从QQtabBar看css命名规范BEM的详细介绍
2021/08/07 HTML / CSS
世界十大评分最高的动漫,CLANNAD上榜,第八赚足人们眼泪
2022/03/18 日漫