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翻页效果
Jul 23 Javascript
不一样的文字闪烁 轮番闪烁
Nov 11 Javascript
jQuery源码分析-01总体架构分析
Nov 14 Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
Apr 19 Javascript
jquery手风琴特效插件
Feb 04 Javascript
jQuery实现自动输入email、时间和域名的方法
Aug 24 Javascript
jQuery仿写百度百科的目录树
Jan 03 Javascript
浅谈angularjs依赖服务注入写法的注意点
Apr 24 Javascript
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
Jun 20 Javascript
Vue运用transition实现过渡动画
May 06 Javascript
利用React高阶组件实现一个面包屑导航的示例
Aug 23 Javascript
vue导入.md文件的步骤(markdown转HTML)
Dec 31 Vue.js
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编程实现获取excel文档内容的代码实例
2011/06/28 PHP
PHP中__get()和__set()的用法实例详解
2013/06/04 PHP
php.ini save_handler 修改不生效的解决办法
2014/07/22 PHP
PHP preg_match实现正则表达式匹配功能【输出是否匹配及匹配值】
2017/07/19 PHP
关于PHP5.6+版本“No input file specified”问题的解决
2019/12/11 PHP
用jscript实现新建word文档
2007/06/15 Javascript
Firefox中autocomplete="off" 设置不起作用Bug的解决方法
2011/03/25 Javascript
jquery判断元素的子元素是否存在的示例代码
2014/02/04 Javascript
nodeJS代码实现计算交社保是否合适
2015/03/09 NodeJs
javascript实现校验文件上传控件实例
2015/04/20 Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
2015/05/16 Javascript
js动态创建及移除div的方法
2015/06/03 Javascript
jquery序列化方法实例分析
2015/06/10 Javascript
XML文件转化成NSData对象的方法
2015/08/12 Javascript
angular之ng-template模板加载
2017/11/09 Javascript
js保留两位小数方法总结
2018/01/31 Javascript
微信小程序 scroll-view的使用案例代码详解
2020/06/11 Javascript
打包发布Python模块的方法详解
2016/09/18 Python
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
关于Python中浮点数精度处理的技巧总结
2017/08/10 Python
python实现简单的文字识别
2018/11/27 Python
python tkinter实现彩球碰撞屏保
2019/07/30 Python
python如何使用Redis构建分布式锁
2020/01/16 Python
kmart凯马特官网:美国最大的打折零售商和全球最大的批发商之一
2016/11/17 全球购物
小学班主任培训方案
2014/06/04 职场文书
三好学生事迹材料
2014/12/24 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
培训简讯范文
2015/07/20 职场文书
体育部部长竞选稿
2015/11/21 职场文书
《詹天佑》教学反思
2016/02/20 职场文书
Mysql中 unique列插入重复值该怎么解决呢
2021/05/26 MySQL
Python中Selenium对Cookie的操作方法
2021/07/09 Python
如何在python中实现ECDSA你知道吗
2021/11/23 Python
Python 数据可视化工具 Pyecharts 安装及应用
2022/04/20 Python
Redis基本数据类型String常用操作命令
2022/06/01 Redis
一文解答什么是MySQL的回表
2022/08/05 MySQL