一、全局设置超时
axios.defaults.timeout = 30000;
二、单独设置超时
1.get请求设置超时
axios(Object.assign({
params,
timeout: 180000
})
2.post请求设置超时
方式一:
axios(Object.assign({
method: 'post',
params,
timeout: 180000
})
方式二:
axios.post(url, params, { timeout: timeout })
.then(res => {
console.log('response='+response);
})
.catch(reason => {
console.log('reason'+reason);
})
})
3.创建实例
可以使用自定义配置新建一个 axios 实例 :
axios.create([config])文章来源:https://www.toymoban.com/news/detail-664621.html
const instance = axios.create({ baseURL: 'https://some-domain.com/api/', timeout: 1000, headers: {'X-Custom-Header': 'foobar'}});
4.判断超时文章来源地址https://www.toymoban.com/news/detail-664621.html
axios(Object.assign({ data: { ...e } }, apiObject.fixFaultData)).then(
res => {
...
},
err => {
// 栏截器在请求超时之后返回err对象,业务中具体请求在reject里判断request的readyState以及status。
if (err.request.readyState == 4 && err.request.status == 0) {
Modal.warning({
title: '提示',
content: (
<div>
<p>请求超时</p>
</div>
),
onOk: () => {},
});
}
}
);
到了这里,关于axios设置超时时间的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!