javascript - 在 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 错误由 code property 标识.

是ECONNABORTED code在超时的情况下。

上面的代码使用了 promise 构造反模式。已经有一个 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;
        });
}