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错误由code property标识。

如果超时，则为ECONNABORTED code。

上面的代码使用了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') 然后显示一个特殊的错误消息

在axios timeout之后得到通知

2 个答案: