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 callBack 返回前一页的js方法
Nov 30 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
Sep 01 Javascript
一些有用的JavaScript和jQuery的片段分享
Aug 23 Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
jQuery中bind()方法用法实例
Jan 19 Javascript
js图片上传前预览功能(兼容所有浏览器)
Aug 24 Javascript
微信小程序 开发指南详解
Sep 27 Javascript
JS获取填报扩展单元格控件的值的解决办法
Jul 14 Javascript
vue webpack实用技巧总结
Apr 24 Javascript
vue地址栏直接输入路由无效问题的解决
Nov 15 Javascript
Javascript的this详解
Mar 23 Javascript
Vue 401配合Vuex防止多次弹框的案例
Nov 11 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
利用Laravel生成Gravatar头像地址的优雅方法
2017/12/30 PHP
NodeJS url验证(url-valid)的使用方法
2013/11/18 NodeJs
JavaScript闭包实例讲解
2014/04/22 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
Javascript中封装window.open解决不兼容问题
2014/09/28 Javascript
JavaScript修改浏览器tab标题小技巧
2015/01/06 Javascript
jQuery带时间的日期控件代码分享
2015/08/26 Javascript
js+html5实现canvas绘制椭圆形图案的方法
2016/05/21 Javascript
javascript函数中的3个高级技巧
2016/09/22 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
2016/10/21 Javascript
jquery对所有input type=text的控件赋值实现方法
2016/12/02 Javascript
Angular的$http与$location
2016/12/26 Javascript
详解Vue使用 vue-cli 搭建项目
2017/04/20 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
Angular网络请求的封装方法
2018/05/22 Javascript
BootStrap中的模态框(modal,弹出层)功能示例代码
2018/11/02 Javascript
原生javascript实现连连看游戏
2019/01/03 Javascript
win10下Python3.6安装、配置以及pip安装包教程
2017/10/01 Python
放弃 Python 转向 Go语言有人给出了 9 大理由
2017/10/20 Python
对Python3 * 和 ** 运算符详解
2019/02/16 Python
python读csv文件时指定行为表头或无表头的方法
2019/06/26 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
Python利用imshow制作自定义渐变填充柱状图(colorbar)
2020/12/10 Python
python中altair可视化库实例用法
2021/01/26 Python
微软香港官网及网上商店:Microsoft HK
2016/09/01 全球购物
Chemist Warehouse官方海外旗舰店:澳洲第一连锁大药房
2017/08/25 全球购物
幼儿园小班教学反思
2014/02/02 职场文书
《日月潭》教学反思
2014/02/28 职场文书
农民工工资发放承诺书
2014/03/31 职场文书
我的大学四年规划书范文2014
2014/09/26 职场文书
销售辞职信范文
2015/03/02 职场文书
婚庆主持词大全
2015/06/30 职场文书
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏
win7配置本地ftp服务器的图文教程
2022/08/05 Servers