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 相关文章推荐
js hover 定时器(实例代码)
Nov 12 Javascript
100个不能错过的实用JS自定义函数
Mar 05 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
Apr 06 Javascript
学习Angularjs分页指令
Jul 01 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
Feb 10 Javascript
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
JS中跳出循环的示例代码
Sep 14 Javascript
ES6中Array.copyWithin()函数的用法实例详解
Sep 16 Javascript
js 两个日期比较相差多少天的实例
Oct 19 Javascript
vue项目实战总结篇
Feb 11 Javascript
Vuex 快速入门(简单易懂)
Sep 20 Javascript
jQuery AJAX应用实例总结
May 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
PHP实现简易计算器功能
2020/08/28 PHP
js右键菜单效果代码
2007/07/21 Javascript
JS getMonth()日期函数的值域是0-11
2010/02/15 Javascript
基于Jquery与WebMethod投票功能实现代码
2011/01/19 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
2013/07/17 Javascript
jquerymobile局部渲染的各种刷新方法小结
2014/03/05 Javascript
JavaScript通过this变量快速找出用户选中radio按钮的方法
2015/03/23 Javascript
在Mac OS下使用Node.js的简单教程
2015/06/24 Javascript
JavaScript实现简洁的俄罗斯方块完整实例
2016/03/01 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
2018/05/22 jQuery
Vue组件系列开发之模态框
2019/04/18 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
2019/08/07 Javascript
vue计算属性无法监听到数组内部变化的解决方案
2019/11/06 Javascript
vue实现登录拦截
2020/06/29 Javascript
用JavaScript实现贪吃蛇游戏
2020/10/23 Javascript
vue 解决IOS10低版本白屏的问题
2020/11/17 Javascript
Python使用Flask框架获取当前查询参数的方法
2015/03/21 Python
Python的Django框架中的URL配置与松耦合
2015/07/15 Python
Python中join函数简单代码示例
2018/01/09 Python
python3处理含有中文的url方法
2018/05/10 Python
Python3连接SQLServer、Oracle、MySql的方法
2018/06/28 Python
Python 正则表达式 re.match/re.search/re.sub的使用解析
2019/07/22 Python
Python实现生成密码字典的方法示例
2019/09/02 Python
python xlsxwriter模块的使用
2020/12/24 Python
俄罗斯宠物用品网上商店:ZooMag
2019/12/12 全球购物
财务会计人员岗位职责
2013/11/30 职场文书
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
写自荐信的注意事项
2014/03/09 职场文书
中药专业自荐信范文
2014/03/18 职场文书
车辆转让协议书
2014/04/15 职场文书
化工工艺设计求职信
2014/06/25 职场文书
学校查摆问题整改措施
2014/09/28 职场文书
幼儿园大班教师个人工作总结
2015/02/05 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
市场营销计划书
2019/04/24 职场文书
解析CSS 提取图片主题色功能(小技巧)
2021/05/12 HTML / CSS