前端请求超时截断,axios timeout设置未生效情况记录

问题描述

前端请求超时截断,axios timeout设置未生效情况记录

timeout设置方式:

表现(前端超过5min报错500,直接访问接口超过5min能够正常响应):

问题原因

上面的配置设置时间为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请求未被截断

相关推荐
y先森5 小时前
CSS3中的伸缩盒模型(弹性盒子、弹性布局)之伸缩容器、伸缩项目、主轴方向、主轴换行方式、复合属性flex-flow
前端·css·css3
前端Hardy5 小时前
纯HTML&CSS实现3D旋转地球
前端·javascript·css·3d·html
susu10830189115 小时前
vue3中父div设置display flex,2个子div重叠
前端·javascript·vue.js
IT女孩儿6 小时前
CSS查缺补漏(补充上一条)
前端·css
吃杠碰小鸡7 小时前
commitlint校验git提交信息
前端
虾球xz7 小时前
游戏引擎学习第20天
前端·学习·游戏引擎
我爱李星璇7 小时前
HTML常用表格与标签
前端·html
疯狂的沙粒7 小时前
如何在Vue项目中应用TypeScript?应该注意那些点?
前端·vue.js·typescript
小镇程序员8 小时前
vue2 src_Todolist全局总线事件版本
前端·javascript·vue.js
野槐8 小时前
前端图像处理(一)
前端