axios 请求超时处理方法

main.js

import Axios from 'axios'


Axios.defaults.timeout = 10000;//设置超时时间，单位毫秒
Axios.defaults.retry = 3; //设置全局请求次数
Axios.defaults.retryDelay = 1000;//设置全局请求间隙


// http 响应拦截器
Axios.interceptors.response.use((response) => {
  var token = response.headers.authorization;
  if (token) {
    store.dispatch('ActionLogin', token);
  }
  // var code = response.data.code;
  return response
}, error => {
  if (error.response) {
    Toast.clear();
    switch (error.response.status) {
      case 1001:
        // 清除token信息并跳转到登录页面
        store.dispatch('ActionExit');
        Dialog.alert({
          title: '登录提示',
          message: '登录信息已失效，请重新登录',
        }).then(() => {
          router.replace({
            path: '/WxLogin',
            query: { redirect: router.currentRoute.fullPath }
          })
        });
        break
    }
  }
  //超时处理
  var config = error.config;
  if (!config || !config.retry) return Promise.reject(error);
  // 设置用于跟踪重试次数的变量
  config.__retryCount = config.__retryCount || 0;

  // 检查我们是否已将重试总数最大化
  if (config.__retryCount >= config.retry) {
    // 错误拒绝
    return Promise.reject(error);
  }

  // 增加重试次数
  config.__retryCount += 1;

  // 创造新的承诺来处理指数退避
  var backoff = new Promise(function (resolve) {
    setTimeout(function () {
      resolve();
    }, config.retryDelay || 1);
  });

  // 返回承诺，其中将撤回axios以重试请求
  return backoff.then(function () {
    return Axios(config);
  });
  // return Promise.reject(error)
})

重点是：

//超时处理
  var config = error.config;
  if (!config || !config.retry) return Promise.reject(error);
  // 设置用于跟踪重试次数的变量
  config.__retryCount = config.__retryCount || 0;

  // 检查我们是否已将重试总数最大化
  if (config.__retryCount >= config.retry) {
    // 错误拒绝
    return Promise.reject(error);
  }

  // 增加重试次数
  config.__retryCount += 1;

  // 创造新的承诺来处理指数退避
  var backoff = new Promise(function (resolve) {
    setTimeout(function () {
      resolve();
    }, config.retryDelay || 1);
  });

  // 返回承诺，其中将撤回axios以重试请求
  return backoff.then(function () {
    return Axios(config);
  });

参考链接：axios 设置接口retry次数与间隔时间 - echolife - 博客园