axios全局请求参数设置,请求及返回拦截器的方法
程序员文章站
2022-07-05 16:20:13
应用场景:
1,每个请求都带上的参数,比如token,时间戳等。
2,对返回的状态进行判断,比如token是否过期
代码如下:
axios.intercep...
应用场景:
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全局请求参数设置,请求及返回拦截器的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
推荐阅读
-
vue axios数据请求及vue中使用axios的方法
-
vue axios数据请求及vue中使用axios的方法
-
axios使用拦截器统一处理所有的http请求的方法
-
用Axios Element实现全局的请求loading的方法
-
axios全局注册,设置token,以及全局设置url请求网段的方法
-
axios全局请求参数设置,请求及返回拦截器的方法
-
axios使用拦截器统一处理所有的http请求的方法
-
用Axios Element实现全局的请求loading的方法
-
通过axios全局请求参数设置请求以及返回拦截器操作步骤有哪些?
-
用Axios Element实现全局的请求loading的方法