前端用axios设置接口超时时间

在前端开发中，axios是一个流行的基于Promise的HTTP库，用于浏览器和node.js环境。要设置axios请求的超时时间，你需要在发送请求时指定`timeout`选项。这是一个简单的例子：

import axios from 'axios';

axios.get('https://api.example.com/data', {
  timeout: 5000, // 设置超时时间为5秒
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  if (error.response) {
    // 请求已发出，但服务器响应的状态码不在2xx范围内
    console.error(`Error ${error.response.status}: ${error.response.statusText}`);
  } else if (error.request) {
    // 发送请求出错，比如网络错误
    console.error(`Error ${error.request.status} - ${error.request.statusText}`);
  } else {
    // 网络错误，可能是axios实例配置的问题
    console.error('Something went wrong while making the request.');
  }
})
.finally(() => {
  // 超时后无论成功与否都会执行的回调
});

在这个示例中，如果API在5秒内没有响应，`catch`块将捕获到超时错误，并处理它。