axios 设置请求超时

在使用 `axios` 发送请求时，可以通过配置 `timeout` 选项来设置请求超时时间。该选项用于指定请求在多长时间内没有响应即视为超时。

以下是一个示例代码，演示如何在使用 `axios` 发送请求时设置超时时间为 5 秒：

axios.get('https://api.example.com/data', {
  timeout: 5000 // 设置超时时间为 5 秒
})
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误
  });

在上述示例中，`timeout` 选项被设置为 `5000`，即表示请求在 5 秒内没有响应即会触发超时错误。你可以根据实际需求调整超时时间。

相关问题

axios设置请求超时时间

A: 在使用axios进行请求时，可以通过配置timeout参数来设置请求超时时间。timeout参数表示请求超时时间（以毫秒为单位），如果请求在该时间内没有响应，axios会自动取消该请求。

例如，设置请求超时时间为5秒：

axios({
  url: 'http://example.com/api',
  method: 'get',
  timeout: 5000
})

或者，可以通过创建axios实例来设置全局的超时时间：

const instance = axios.create({
  timeout: 5000
});

instance.get('http://example.com/api')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

以上两种方法都可以有效地设置请求超时时间。

如何通过axios设置请求超时时间？

在使用axios发送HTTP请求时，你可以设置请求的超时时间，以防长时间未得到响应。这通常是在创建axios实例或者每次发送请求时进行配置的。以下是设置默认超时时间的例子：

import axios from 'axios';

// 创建axios实例，并设置默认超时时间（单位秒）
const instance = axios.create({
  timeout: 10000 // 设置默认超时时间为10秒
});

// 或者在每个具体的请求中单独设置
instance.get('your-url', {
  timeout: 15000 // 对这个get请求设置更长的超时时间为15秒
}).then(response => {
  // ...
}).catch(error => {
  if (error.response && error.response.status === 504) {
    console.log('请求超时');
  }
});

上述代码中，如果超过设定的超时时间服务器仍未响应，axios会抛出一个`TimeoutError`异常。记得根据实际情况调整超时时间，避免对用户体验造成负面影响。