axios 修改超时时间

原创

mob64ca12ef217e 2023-10-11 08:08:18 ©著作权

文章标签 ios HTTP 开发过程 文章分类 iOS 移动开发

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

Axios 修改超时时间

Axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 Node.js。它可以用于发起 GET、POST、PUT、DELETE 等各种类型的 HTTP 请求，并提供了丰富的功能和配置选项。

在实际的开发过程中，我们可能会遇到某些请求耗时较长的情况，为了避免请求超时导致的错误，我们需要设置合适的超时时间。本文将介绍如何使用 Axios 修改超时时间，并提供详细的代码示例。

安装 Axios

在使用 Axios 之前，我们需要先安装它。可以使用 npm 或者 yarn 来进行安装，这里以 npm 为例：

npm install axios

安装完成后，我们就可以在项目中使用 Axios 了。

修改超时时间

Axios 默认的超时时间是 0，即没有超时限制。如果我们不设置超时时间，那么请求将会一直等待服务器的响应，直到请求完成或者发生错误。

为了避免请求过长时间没有响应，我们可以通过设置超时时间来限制请求的最大等待时间。Axios 提供了 timeout 配置选项，可以用来设置请求的超时时间，单位是毫秒。

下面是一个使用 Axios 修改超时时间的示例：

import axios from 'axios';

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

// 发起一个 GET 请求
instance.get('
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在上面的示例中，我们首先使用 axios.create 方法创建了一个 Axios 实例，并通过配置选项 timeout 设置了超时时间为 5000 毫秒（即 5 秒）。然后，我们使用该实例发起了一个 GET 请求，并处理了请求的响应和错误。

如果请求超过了设置的超时时间，Axios 将会自动抛出一个 Error 对象，我们可以通过 catch 方法捕获并处理这个错误。