当前位置:   article > 正文

axios拦截器拦截失败请求后无痛重发(刷新token)_os拦截器刷新token的教程中都有一个共性的问题,在请求出现非200状态码时,response

os拦截器刷新token的教程中都有一个共性的问题,在请求出现非200状态码时,response

纠正网上大部分教程代码中留下的坑,网上大部分axios拦截器刷新token的教程中都有一个共性的问题,在请求出现非200状态码时,response拦截器其实是进到的error方法中,此时如果返回Promiss.reject(error)会在刷新token之前直接返回请求错误信息,即页面请求方法会直接报错并在报错的同时刷新token,即使刷新了token,业务逻辑也不会正常进行。废话不多说,直接上代码,在关键位置进行了注释:

  1. import axios from 'axios'
  2. // 创建一个axios实例
  3. const instance = axios.create({
  4. baseURL: '/api',
  5. timeout: 300000,
  6. headers: {
  7. 'Content-Type': 'application/json',
  8. 'X-Token': getLocalToken() // headers塞token
  9. }
  10. })
  11. // 从localStorage中获取token
  12. function getLocalToken () {
  13. const token = window.localStorage.getItem('token')
  14. return token
  15. }
  16. function refreshToken () {
  17. // instance是当前request.js中已创建的axios实例
  18. return instance.post('/refreshtoken').then(res => res.data)
  19. }
  20. function reloadCheck (response) {
  21. const { code } = response.status
  22. // 正常的返回状态不进行处理
  23. if (code !==
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/article/detail/57080
推荐阅读
相关标签
  

闽ICP备14008679号