axios 处理超时问题 记录

Posted 九三国

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axios 处理超时问题 记录相关的知识,希望对你有一定的参考价值。

前言:前两天遇到处理请求超时的逻辑,记录起来。

// 处理超时问题  下面的代码仅在登录的时候做了超时处理,有其他需求的自行修改逻辑
axios.interceptors.response.use(
  (response) => response,
  (error) => {
    const originalRequest = error.config;
    // eslint-disable-next-line no-underscore-dangle
    if (
      error.code === ‘ECONNABORTED‘ &&
      error.message.indexOf(‘timeout‘) !== -1 &&
      // eslint-disable-next-line no-underscore-dangle
      !originalRequest._retry
    ) {
      // 超时逻辑
      const curPath = window.location.hash;
      if (curPath.includes(‘/login‘)) {
        message.error(‘请求超时,请稍后进行操作!’);
      }
    }
    return Promise.reject(error);
  },
);

  

你还差得远呢!

以上是关于axios 处理超时问题 记录的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装

使用连接池处理活动记录超时的正确方法是啥?

测试有超时的 axios api 调用

CSP核心代码片段记录