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循环变量注册dom事件 之强大的闭包
Sep 08 Javascript
在多个页面使用同一个HTML片段的代码
Mar 04 Javascript
JQUERY的属性选择符和自定义选择符使用方法(二)
Apr 07 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 25 Javascript
Javascript仿PHP $_GET获取URL中的参数
May 12 Javascript
JavaScript+CSS无限极分类效果完整实现方法
Dec 22 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
May 17 Javascript
node.js中cluster的使用教程
Jun 09 Javascript
深入理解移动前端开发之viewport
Oct 19 Javascript
原生js实现Flappy Bird小游戏
Dec 24 Javascript
vue实现抖音时间转盘
Sep 08 Javascript
Webpack中SplitChunksPlugin 配置参数详解
Mar 24 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
最贵的咖啡是怎么产生的,它的风味怎么样?
2021/03/04 新手入门
PHP基础知识回顾
2012/08/16 PHP
PHP中替换换行符的几种方法小结
2012/10/15 PHP
PHP环境搭建的详细步骤
2016/06/30 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
PHP基于ip2long实现IP转换整形
2020/12/11 PHP
window.name代替cookie的实现代码
2010/11/28 Javascript
js 单击式的下拉菜单效果实例
2013/08/13 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
2014/11/03 Javascript
响应式表格之固定表头的简单实现
2016/08/26 Javascript
微信小程序 template模板详解及实例
2017/02/21 Javascript
原生JS+Canvas实现五子棋游戏实例
2017/06/19 Javascript
深入理解vue Render函数
2017/07/19 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
详解vue中使用express+fetch获取本地json文件
2017/10/10 Javascript
详解Vue 中 extend 、component 、mixins 、extends 的区别
2017/12/20 Javascript
10 种最常见的 Javascript 错误(频率最高)
2018/02/08 Javascript
详解js中Array的方法及技巧
2018/09/12 Javascript
详解使用React.memo()来优化函数组件的性能
2019/03/19 Javascript
微信小程序实现时间进度条功能
2020/11/17 Javascript
记一次用ts+vuecli4重构项目的实现
2020/05/21 Javascript
[05:17]DOTA2睡衣妹卖萌求签名 CJ第二天全明星影像
2013/07/28 DOTA
python获得一个月有多少天的方法
2015/06/04 Python
Python 带有参数的装饰器实例代码详解
2018/12/06 Python
numpy下的flatten()函数用法详解
2019/05/27 Python
python环境下安装opencv库的方法
2020/03/05 Python
使用python自动追踪你的快递(物流推送邮箱)
2020/03/17 Python
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
柏林通行证:Berlin Pass
2018/04/11 全球购物
French Connection官网:女装、男装及家居用品
2019/03/18 全球购物
企业文化建设实施方案
2014/03/22 职场文书
预备党员自我批评思想汇报
2014/10/10 职场文书
贷款承诺书
2015/01/20 职场文书
党员考试作弊检讨书1000字
2015/02/16 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书