当前位置:   article > 正文

axios携带token

axios带token]

vue-封装axios(带token,跳转到login页面)

  1. import Vue from 'vue'
  2. import axios from 'axios'
  3. import router from '@/router'
  4. // 创建axios实例
  5. const service = axios.create({
  6. timeout: 1000 * 30,
  7. // 允许跨域带token
  8. withCredentials: true,
  9. headers: {
  10. 'Content-Type': 'application/json; charset=utf-8'
  11. }
  12. })
  13. // request拦截器
  14. service.interceptors.request.use(
  15. (config) => {
  16. config.headers['token'] = Vue.cookie.get('token')
  17. ? Vue.cookie.get('token')
  18. : '74c8ffe4a59da108f03aa7afc77cc24e'
  19. // if(config.url.indexOf("http://result.eolinker.com")) {
  20. // config.headers['token'] = Vue.cookie.get('token') ? Vue.cookie.get('token') : '74c8ffe4a59da108f03aa7afc77cc24e';
  21. // }
  22. return config
  23. },
  24. (error) => {
  25. return Promise.reject(error)
  26. })
  27. // response拦截器
  28. service.interceptors.response.use(response => {
  29. if (response.data && response.data.code === 401) { // 401, token失效
  30. Vue.cookie.delete('token')
  31. router.push({name: 'login'})
  32. }
  33. return response
  34. }, error => {
  35. return Promise.reject(error)
  36. })
  37. export default service



作者:jackson等567人
链接:https://www.jianshu.com/p/98b5501ea814
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

转载于:https://my.oschina.net/u/3964830/blog/3068313

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/715626
推荐阅读
相关标签
  

闽ICP备14008679号