axios 设置拦截器 全局设置带默认参数(发送 token 等)

应用场景:

1,每个请求都带上的参数,比如token,时间戳等。

2,对返回的状态进行判断,比如token是否过期

代码如下:

[javascript] view plain copy

  1. axios.interceptors.request.use( 
  2.         config => { 
  3. var xtoken = getXtoken() 
  4. if(xtoken != null){ 
  5.                 config.headers['X-Token'] = xtoken 
  6.             } 
  7. if(config.method=='post'){ 
  8.                 config.data = { 
  9.                     ...config.data, 
  10.                     _t: Date.parse(new Date())/1000, 
  11.                 } 
  12.             }else if(config.method=='get'){ 
  13.                 config.params = { 
  14.                     _t: Date.parse(new Date())/1000, 
  15.                     ...config.params 
  16.                 } 
  17.             } 
  18. return config 
  19.         },function(error){ 
  20. return Promise.reject(error) 
  21.         } 
  22.     ) 
  23. axios.interceptors.response.use(function (response) { 
  24. // token 已过期,重定向到登录页面
  25. if (response.data.code == 4){ 
  26.         localStorage.clear() 
  27.         router.replace({ 
  28.                         path: '/signin', 
  29.                         query: {redirect: router.currentRoute.fullPath} 
  30.                     }) 
  31.     } 
  32. return response 
  33. }, function (error) { 
  34. // Do something with response error
  35. return Promise.reject(error) 
  36. }) 

posted on 2018-01-11 00:14  刘应杰  阅读(12005)  评论(0编辑  收藏  举报

导航