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 相关文章推荐
jQuery实现行文字链接提示效果的方法
Mar 10 Javascript
jQuery插件Tmpl的简单使用方法
Apr 27 Javascript
jQuery的基本概念与高级编程
May 14 Javascript
jquery衣服颜色选取插件效果代码分享
Aug 28 Javascript
学习JavaScript设计模式(多态)
Nov 25 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
Jan 13 Javascript
node.js学习之断言assert的使用示例
Sep 28 Javascript
JavaScript实现二叉树的先序、中序及后序遍历方法详解
Oct 26 Javascript
使用Vue自定义数字键盘组件(体验度极好)
Dec 19 Javascript
详解Javascript 中的 class、构造函数、工厂函数
Dec 20 Javascript
js canvas实现俄罗斯方块
Oct 11 Javascript
微信小程序反编译的实现
Dec 10 Javascript
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
星际争霸任务指南——神族
2020/03/04 星际争霸
php内存缓存实现方法
2015/01/24 PHP
php递归删除指定文件夹的方法小结
2015/04/20 PHP
一个可以随意添加多个序列的tag函数
2009/07/21 Javascript
javascript addBookmark 加入收藏 多浏览器兼容
2009/08/15 Javascript
如何使用Jquery获取Form表单中被选中的radio值
2013/08/09 Javascript
两个数组去重的JS代码
2013/12/04 Javascript
json的定义、标准格式及json字符串检验
2014/05/11 Javascript
通过JS判断联网类型和连接状态的实现代码
2015/04/01 Javascript
javascript处理a标签超链接默认事件的方法
2015/06/29 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
2015/11/17 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
2016/01/28 Javascript
JavaScript和JQuery获取DIV值的方法示例
2017/03/07 Javascript
Vue非父子组件通信详解
2017/06/12 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
2017/08/14 Javascript
详解webpack4多入口、多页面项目构建案例
2018/05/25 Javascript
layer弹出层全屏及关闭方法
2018/08/17 Javascript
vue解决使用webpack打包后keep-alive不生效的方法
2018/09/01 Javascript
微信小程序基于canvas渐变实现的彩虹效果示例
2019/05/03 Javascript
简单学习5种处理Vue.js异常的方法
2019/06/17 Javascript
JS实现可用滑块滑动的缓动图代码
2019/09/01 Javascript
环形加载进度条封装(Vue插件版和原生js版)
2019/12/04 Javascript
JavaScript经典案例之简易计算器
2020/08/24 Javascript
[02:49]2018DOTA2亚洲邀请赛主赛事决赛日战况回顾 Mineski鏖战5局夺得辉耀
2018/04/10 DOTA
[01:10:57]Liquid vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
基于DataFrame改变列类型的方法
2018/07/25 Python
Python列表生成式与生成器操作示例
2018/08/01 Python
简单的Python人脸识别系统
2020/07/14 Python
python3中celery异步框架简单使用+守护进程方式启动
2021/01/20 Python
什么是servlet
2012/05/08 面试题
学校火灾防控方案
2014/06/09 职场文书
职工小家建设活动方案
2014/08/25 职场文书
小学语文复习计划
2015/01/19 职场文书
旷课检讨书
2015/01/26 职场文书
广告业务员岗位职责
2015/02/13 职场文书
遗嘱范文
2015/08/07 职场文书