在axios响应拦截器的错误响应中未定义状态属性

编程问答 2022-06-08

问题描述

我正在使用axios发出xhr请求，并试图检测所获得的所有响应的状态。我有一个响应拦截器，如果触发了错误功能，我会调用一个函数来检查响应的状态代码并相应地处理UI：

const axios = axios.create();
    axios.interceptors.response.use(response => {
        // log the response in dev environment
        return response;
    },error => {
        errorHandler(error);
        return Promise.reject({
            message: "ERROR"
        });
    });

在errorHandler中：

const errorHandler = e => {
        try {
            if (e.status === 599) {
                // do something
            }else if (e.status === 0){
                console.log('xhr cancelled');
            } else {
                // show error notification
            }
        } catch (ex) {
            // show error notification
        }
    };

对于一个特定的POST请求，如果它被中止（在xhr请求完成之前提交表单），则错误对象中的状态不存在。在记录此错误时，我得到：

Error: Request aborted和error.code = ECONNABORTED

以下属性在错误对象上可用：

config
code
request
response
isAxiosError
toJSON

我有两个问题：

  1. 据我了解，在请求完成之前，所有xhr请求的状态均为0。那么，为什么错误对象没有状态属性？
  2. 我可以安全地假设收到此错误代码，表示xhr请求已取消并记录“ xhr已取消”吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

axiosaxiosaxioshttphttpjavascriptxmlhttprequestxmlhttprequest