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 相关文章推荐
JQuery验证jsp页面属性是否为空(实例代码)
Nov 08 Javascript
node爬取微博的数据的简单封装库nodeweibo使用指南
Jan 02 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
JavaScript几种数组去掉重复值的方法推荐
Apr 12 Javascript
jQuery中text() val()和html()的区别实例详解
Jun 28 Javascript
jQuery使用animate实现ul列表项相互飘动效果示例
Sep 16 Javascript
JS去除重复并统计数量的实现方法
Dec 15 Javascript
详解Vue自定义过滤器的实现
Jan 10 Javascript
javascript中json对象json数组json字符串互转及取值方法
Apr 19 Javascript
详解webpack-dev-server使用http-proxy解决跨域问题
Jan 13 Javascript
jQuery实现列表的增加和删除功能
Jun 14 jQuery
微信小程序 点击切换样式scroll-view实现代码实例
Oct 11 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中比较简单的导入phpmyadmin生成的sql文件的方法
2011/06/28 PHP
组合算法的PHP解答方法
2012/02/04 PHP
PHP Warning: PHP Startup: Unable to load dynamic library \ D:/php5/ext/php_mysqli.dll\
2012/06/17 PHP
php输出1000以内质数(素数)示例
2014/02/16 PHP
php similar_text()函数的定义和用法
2016/05/12 PHP
thinkPHP基于ajax实现的菜单与分页示例
2016/07/12 PHP
仿迅雷焦点广告效果(JQuery版)
2008/11/19 Javascript
jquery+json 通用三级联动下拉列表
2010/04/19 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
2013/04/17 Javascript
jquery中EasyUI实现异步树
2015/03/01 Javascript
浅谈JavaScript字符串拼接
2015/06/25 Javascript
js获取form表单所有数据的简单方法
2016/08/18 Javascript
vue实现手机号码抽奖上下滚动动画示例
2017/10/18 Javascript
jQuery NProgress.js加载进度插件的简单使用方法
2018/01/31 jQuery
JavaScript创建对象的四种常用模式实例分析
2019/01/11 Javascript
微信小程序商品详情页底部弹出框
2019/11/22 Javascript
详解Typescript 内置的模块导入兼容方式
2020/05/31 Javascript
浅谈python socket函数中,send与sendall的区别与使用方法
2017/05/09 Python
详解Python中的动态属性和特性
2018/04/07 Python
Python将一个CSV文件里的数据追加到另一个CSV文件的方法
2018/07/04 Python
python 在某.py文件中调用其他.py内的函数的方法
2019/06/25 Python
Python3中的最大整数和最大浮点数实例
2019/07/09 Python
python GUI库图形界面开发之PyQt5线程类QThread详细使用方法
2020/02/26 Python
python中安装django模块的方法
2020/03/12 Python
pycharm解决关闭flask后依旧可以访问服务的问题
2020/04/03 Python
python读取hdfs上的parquet文件方式
2020/06/06 Python
分享全球十款超强HTML5开发工具
2014/05/14 HTML / CSS
Trunki英国官网:儿童坐骑式行李箱
2017/05/30 全球购物
Jack Rogers官网:美国经典的女性鞋靴品牌
2019/09/04 全球购物
机械设计专业应届生求职信
2013/11/21 职场文书
计算机专业毕业生自荐信
2013/12/31 职场文书
高中校园广播稿
2014/01/11 职场文书
教学质量评估实施方案
2014/03/17 职场文书
学校做一个有道德的人活动方案
2014/08/23 职场文书
朋友聚会开场白
2015/06/01 职场文书
Python 解决空列表.append() 输出为None的问题
2021/05/23 Python