axios全局请求参数设置,请求及返回拦截器的方法


Posted in Javascript onMarch 05, 2018

应用场景:

1,每个请求都带上的参数,比如token,时间戳等。

2,对返回的状态进行判断,比如token是否过期

代码如下:

axios.interceptors.request.use(
		config => {
			var xtoken = getXtoken()
			if(xtoken != null){
				config.headers['X-Token'] = xtoken
			}
			if(config.method=='post'){
				config.data = {
					...config.data,
					_t: Date.parse(new Date())/1000,
				}
			}else if(config.method=='get'){
				config.params = {
					_t: Date.parse(new Date())/1000,
					...config.params
				}
			}
			return config
		},function(error){
			return Promise.reject(error)
		}
	)
axios.interceptors.response.use(function (response) {
	// token 已过期,重定向到登录页面
	if (response.data.code == 4){
		localStorage.clear()
		router.replace({
            path: '/signin',
            query: {redirect: router.currentRoute.fullPath}
          })
	}
	return response
}, function (error) {
	// Do something with response error
	return Promise.reject(error)
})

以上这篇axios全局请求参数设置,请求及返回拦截器的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
May 28 Javascript
jQuery搜索子元素的方法
Feb 10 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
Mar 23 Javascript
Javascript获取表单名称(name)的方法
Apr 02 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
Dec 17 Javascript
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
Jan 25 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
Sep 12 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
Mar 08 Javascript
利用VS Code开发你的第一个AngularJS 2应用程序
Dec 15 Javascript
10分钟上手vue-cli 3.0 入门介绍
Apr 04 Javascript
vue element动态渲染、移除表单并添加验证的实现
Jan 16 Javascript
jQuery实现穿梭框效果
Jan 19 jQuery
axios拦截设置和错误处理方法
Mar 05 #Javascript
完美解决axios在ie下的兼容性问题
Mar 05 #Javascript
vue.js 使用axios实现下载功能的示例
Mar 05 #Javascript
Vue 中使用vue2-highcharts实现top功能的示例
Mar 05 #Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
Mar 05 #Javascript
vue项目中引入noVNC远程桌面的方法
Mar 05 #Javascript
vue项目中使用ueditor的实例讲解
Mar 05 #Javascript
You might like
SONY SRF-M100的电路分析
2021/03/02 无线电
php面向对象全攻略 (九)访问类型
2009/09/30 PHP
php通过baihui网API实现读取word文档并展示
2015/06/22 PHP
PHP数组游标实现对数组的各种操作详解
2016/01/26 PHP
php preg_match的匹配不同国家语言实例
2016/12/29 PHP
golang实现php里的serialize()和unserialize()序列和反序列方法详解
2018/10/30 PHP
PHP通过文件保存和更新信息的方法分析
2019/09/12 PHP
自己的js工具_Form 封装
2009/08/21 Javascript
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
如何使用json在前后台进行数据传输实例介绍
2013/04/11 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
2013/11/28 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
2014/04/16 Javascript
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
js实现网页自动刷新可制作节日倒计时效果
2014/05/27 Javascript
JS工厂模式开发实践案例分析
2019/10/17 Javascript
微信小程序自定义头部导航栏(组件化)
2019/11/15 Javascript
如何使用Javascript中的this关键字
2020/05/28 Javascript
[45:18]完美世界DOTA2联赛循环赛 PXG vs IO 第二场 11.06
2020/11/09 DOTA
python实现按行切分文本文件的方法
2016/04/18 Python
python3实现小球转动抽奖小游戏
2020/04/15 Python
Python实现字符型图片验证码识别完整过程详解
2019/05/10 Python
Python通过4种方式实现进程数据通信
2020/03/12 Python
哪些是python中web开发框架
2020/06/17 Python
Python3如何在服务器打印资产信息
2020/08/27 Python
详解Pycharm第三方库的安装及使用方法
2020/12/29 Python
大学生职业生涯规划书模板
2014/01/03 职场文书
创业计划书模版
2014/02/05 职场文书
2014年公务员思想汇报范文:全心全意为人民服务
2014/03/06 职场文书
天猫活动策划方案
2014/08/21 职场文书
小学音乐课歌曲《堆雪人》教学反思
2016/02/18 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书
《哪吒之魔童降世》观后感:世上哪有随随便便的成功
2019/11/08 职场文书
nginx配置proxy_pass中url末尾带/与不带/的区别详解
2021/03/31 Servers
微信小程序基础教程之echart的使用
2021/06/01 Javascript
Java实现二维数组和稀疏数组之间的转换
2021/06/27 Java/Android
Win11 25163.1010更新补丁KB5016904推送,测试服务验证管道(附更新修复汇总)
2022/07/23 数码科技