ToB企服应用市场:ToB评测及商务社交产业平台

标题: 前端请求超时截断，axios timeout设置未见效情况记录 [打印本页]

---

作者: 花瓣小跑    时间: 2024-7-18 08:49
标题: 前端请求超时截断，axios timeout设置未见效情况记录
问题形貌

前端请求超时截断，axios timeout设置未见效情况记录
timeout设置方式：

体现（前端超过5min报错500，直接访问接口超过5min能够正常相应）：

问题原因

上面的设置设置时间为1000min，明显设置没有见效
解决方式

1、修改axios的默认设置，这里修改为10min

1. axios.defaults.timeout = 10 * 60 * 1000;
2. const res: any = await axios.post(smarturl, req_body, {
3.     headers: {'Content-Type': 'application/json'},
4. });

复制代码

2、重写axios方法，这里修改为10min

1. const HTTP_AXIOS = axios.create();
2. HTTP_AXIOS ({
3.     method: 'post',
4.     url: smarturl,
5.     data: req_body,
6.     timeout: 10 * 60 * 1000,
7. }).then(reqres => {
8.     if (reqres) {
9.         //请求成功后返回的参数
10.         console.log('res', reqres);
11.     }
12. }).catch(error => {
13.     if (error.config.timeout == 3000) {
14.         message.error('请求超时，请检查网络')
15.     } else {
16.         console.log('timeout-error', error)
17.     }
18. })

复制代码

见效效果：

默认设置不再是5min，超过5min请求未被截断

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4