Vue axios侦听器401错误

Question

由于令牌过期，api给出401未经授权的错误。

尽管如此，错误状态代码（401）在axios拦截器中不可用。

Vue.axios.interceptors.response.use(function(response) {    
  return response;
}, function(error) {

    // I want to catch the 401 error here but, error.response is undefined
    return Promise.reject(error);
});

有什么办法我可以得到它，下面的html" target="_blank">github问题说error.response.status可以使用，但error.response对我来说是未定义的。

HTTP错误：加载http://localhost:5000/api/user失败：请求的资源上不存在访问控制允许起源标头。因此，http://localhost:2323的来源不允许访问。响应具有HTTP状态代码401。

Console.log（错误）从拦截器response.use错误：网络错误在createError（createError.js:16）在XMLHttpRequest.handle错误（xhr.js:87）

Answer 1

这是我的Axios错误处理程序代码。它运行。如果需要，可以删除toast代码。

js prettyprint-override">    import axios from 'axios'
    import toast from './toast'
    import store from '../../store'
    
    // apply interceptor on response
    axios.interceptors.response.use(function (response) {
      if (response.status === 200 && response.data.message) {
        toast.success(response.data.message)
      }
      if (response.status === 201 && response.data.message) {
        toast.success(response.data.message)
      }
      return response
    }, function (error) {
      // Do something with response error
      // check for errorHandle config
    
      // if has response show the error
      if (error.response) {
        if (error.response.status === 404 || error.response.status === 400) {
          toast.error(error.response.data.message)
        }
        if (error.response.status === 401) {
          // if you ever get an unauthorized, logout the user
          store.dispatch('logout')
        // you can also redirect to /login if needed !
        }
      }
      return Promise.reject(error)
    })