前端请求超时截断，axios timeout设置未见效情况记录
问题形貌前端请求超时截断，axios timeout设置未见效情况记录
timeout设置方式：
https://img-blog.csdnimg.cn/direct/bf8c0703142f4bc88772cc22f02c5e34.png
体现（前端超过5min报错500，直接访问接口超过5min能够正常相应）：
https://img-blog.csdnimg.cn/direct/6487026c331145cb8ef6e33023d9bc7b.png
问题原因
上面的设置设置时间为1000min，明显设置没有见效
解决方式
1、修改axios的默认设置，这里修改为10min
axios.defaults.timeout = 10 * 60 * 1000;
const res: any = await axios.post(smarturl, req_body, {
headers: {'Content-Type': 'application/json'},
}); 2、重写axios方法，这里修改为10min
const HTTP_AXIOS = axios.create();
HTTP_AXIOS ({
method: 'post',
url: smarturl,
data: req_body,
timeout: 10 * 60 * 1000,
}).then(reqres => {
if (reqres) {
//请求成功后返回的参数
console.log('res', reqres);
}
}).catch(error => {
if (error.config.timeout == 3000) {
message.error('请求超时，请检查网络')
} else {
console.log('timeout-error', error)
}
}) 见效效果：
默认设置不再是5min，超过5min请求未被截断
https://img-blog.csdnimg.cn/direct/27bc7cb6385c4c21aad5cfc40dd4ebb6.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]