axios超时后返回什么

原创

mob64ca12e1c36d 2024-05-11 05:42:36 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12e1c36d的原创作品，请联系作者获取转载授权，否则将追究法律责任

实现axios超时后返回内容

整体流程

以下是实现axios超时后返回内容的步骤：

步骤	描述
1	设置axios实例的超时时间
2	捕获请求超时错误，并返回自定义内容
3	处理超时情况的逻辑

具体实现步骤

步骤1：设置axios实例的超时时间

首先，你需要创建一个axios实例，并设置超时时间，示例代码如下：

// 引入axios
const axios = require('axios');

// 创建一个axios实例
const instance = axios.create({
  timeout: 5000 // 设置超时时间为5秒
});

在上面的代码中，我们创建了一个axios实例，并设置超时时间为5秒，你可以根据实际需求进行调整。

步骤2：捕获请求超时错误，并返回自定义内容

接下来，我们需要捕获请求超时错误，并返回自定义内容，示例代码如下：

// 使用axios实例发送请求
instance.get('
  .then(response => {
    // 请求成功的处理逻辑
    console.log(response.data);
  })
  .catch(error => {
    if (axios.isCancel(error)) {
      // 请求被取消的处理逻辑
      console.log('Request canceled', error.message);
    } else {
      if (error.code === 'ECONNABORTED') {
        // 请求超时的处理逻辑
        console.log('Request timeout');
        // 返回自定义内容
        console.log('Custom timeout message');
      } else {
        // 其他错误的处理逻辑
        console.error(error);
      }
    }
  });

在上面的代码中，我们通过.catch()方法捕获请求的错误，如果错误类型是超时错误(ECONNABORTED)，则输出自定义的超时消息。