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 带有滚动条的表格,标题固定,带排序功能.
Nov 13 Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
Jul 26 Javascript
微信小程序 地图map实例详解
Jun 07 Javascript
浅谈vue中数据双向绑定的实现原理
Sep 14 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 Javascript
Vue 莹石摄像头直播视频实例代码
Aug 31 Javascript
vue根据值给予不同class的实例
Sep 29 Javascript
基于React Native 0.52实现轮播图效果
Aug 25 Javascript
原生javascript实现连连看游戏
Jan 03 Javascript
关于微信小程序map组件z-index的层级问题分析
Jul 09 Javascript
vue element-ui读取pdf文件的方法
Nov 26 Javascript
Vue中实现回车键切换焦点的方法
Feb 19 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
在WIN98下以apache模块方式安装php
2006/10/09 PHP
PHP Zip压缩 在线对文件进行压缩的函数
2010/05/26 PHP
PHP常用开发函数解析之数组篇[未完结]
2012/07/30 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(三)
2014/06/23 PHP
Zend Framework实现Zend_View集成Smarty模板系统的方法
2016/03/05 PHP
PHP实现简易计算器功能
2020/08/28 PHP
使用PHP反射机制来构造"CREATE TABLE"的sql语句
2019/03/21 PHP
控制打印时页眉角的代码
2007/02/08 Javascript
JQuery魔力之$("tagName")与selector
2012/03/05 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/06/05 Javascript
script标签属性用type还是language
2015/01/21 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
2015/05/07 Javascript
javascript引用类型之时间Date和数组Array
2015/08/27 Javascript
使用BootStrap实现悬浮窗口的效果
2016/12/13 Javascript
使用vue-aplayer插件时出现的问题的解决
2018/03/02 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
p5.js 毕达哥拉斯树的实现代码
2018/03/23 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
2018/09/04 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
vue 更改连接后台的api示例
2019/11/11 Javascript
基于Web Audio API实现音频可视化效果
2020/06/12 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
python 把数据 json格式输出的实例代码
2016/10/31 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
Python----数据预处理代码实例
2019/03/20 Python
python SQLAlchemy 中的Engine详解
2019/07/04 Python
windows上安装python3教程以及环境变量配置详解
2019/07/18 Python
django admin.py 外键,反向查询的实例
2019/07/26 Python
jupyter notebook参数化运行python方式
2020/04/10 Python
CSS3中伪元素::before和::after的用法示例
2017/09/18 HTML / CSS
预订奥兰多和佛罗里达州公园门票:FloridaTix
2018/01/03 全球购物
本科毕业生专业自荐书范文
2014/02/05 职场文书
道德大讲堂实施方案
2014/05/14 职场文书
给numpy.array增加维度的超简单方法
2021/06/02 Python
vue 自定义组件添加原生事件
2022/04/21 Vue.js