在axios超时后获得通知

Question

我使用axios进行了API调用。超时设置为2500毫秒。我所不希望的是axios在超时后返回一个值，因此我可以通知用户由于某些服务器或网络错误而中止该请求。

我如何初始化超时

const instance = axios.create();
instance.defaults.timeout = 2500;

以下是超时后应返回值的函数

_post(url, body, token) {
        return new Promise((resolve, reject) => {
            instance
                .post(url, body, {headers: {
                        'Accept': 'application/json',
                        'Content-Type': 'application/json'
                    }})
                .then(data => {
                    resolve(data);
                })
                .catch(error => {
                    reject(error);
                });
        });
    }

谢谢！

Answer 1

Axios错误由codeproperty标识。

这是超时的ECONNABORTED代码。

上面的代码使用promise构造反模式。已经有了一个承诺，无需创建一个新的承诺：

_post(url, body, token) {
    return instance
        .post(url, body, {headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            }})
        .catch(error => {
            if (error.code === 'ECONNABORTED')
                return 'timeout';
            else
                throw error;
        });
}

Answer 2

我知道这是一篇旧帖子，但我遇到了同样的问题，以下内容可能会帮助其他人

我无法运行上面的 codepen 示例

就我而言，我将超时放在 axios 类而不是实例上

axios.defaults.timeout = 30000
axios.defaults.timeoutErrorMessage='timeout'

我怀疑您没有从中得到错误的原因是您仍在错误处理程序中查看 e.response.data，该处理程序可能会在更高级别被调用。在错误对象 e 上，e.response.data 在超时的情况下不存在，因此访问它会导致错误处理程序中出现错误 - 至少在我的情况下发生了这种情况。

通过上面的内容，我可以检查 if(e.message == 'timeout') 然后显示一条特殊的错误消息