前端請求超時(shí)截?cái)郺xios?timeout設(shè)置未生效情況解決記錄
更新時(shí)間：2024年07月05日 09:38:13 作者：bulucc
在項(xiàng)目中遇到了后臺(tái)接口返回?cái)?shù)據(jù)慢的時(shí)候往往需要設(shè)置請求失效時(shí)間,在項(xiàng)目中遇到設(shè)置timeout失效問題由此記錄下來,這篇文章主要給大家介紹了前端請求超時(shí)截?cái)郺xios?timeout設(shè)置未生效情況解決的相關(guān)資料,需要的朋友可以參考下
問題描述
前端請求超時(shí)截?cái)?，axios timeout設(shè)置未生效情況記錄
timeout設(shè)置方式：
表現(xiàn)（前端超過5min報(bào)錯(cuò)500，直接訪問接口超過5min能夠正常響應(yīng)）：
問題原因
上面的配置設(shè)置時(shí)間為1000min，明顯配置沒有生效
解決方式
1、修改axios的默認(rèn)配置，這里修改為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) {
//請求成功后返回的參數(shù)
console.log('res', reqres);
}
}).catch(error => {
if (error.config.timeout == 3000) {
message.error('請求超時(shí)，請檢查網(wǎng)絡(luò)')
} else {
console.log('timeout-error', error)
}
})生效效果：
默認(rèn)配置不再是5min，超過5min請求未被截?cái)?/p>
總結(jié)
到此這篇關(guān)于前端請求超時(shí)截?cái)郺xios timeout設(shè)置未生效情況解決的文章就介紹到這了,更多相關(guān)axios timeout設(shè)置未生效內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Vue中使用echarts的方法，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2018-02-02
記錄一個(gè)van-list不斷onLoad加載的坑及解決
這篇文章主要介紹了記錄一個(gè)van-list不斷onLoad加載的坑及解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
當(dāng)一個(gè)較復(fù)雜的vue項(xiàng)目打包后，文件會(huì)非常大，而且訪問時(shí)資源加載速度很慢，本文介紹了幾種措施來優(yōu)化。2020-09-09
這篇文章主要介紹了vue如何修改瀏覽器的標(biāo)題title問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
關(guān)于element?ui?表格中的常見特殊屬性說明
這篇文章主要介紹了關(guān)于element?ui?表格中的常見特殊屬性說明，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
今天小編就為大家分享一篇vue data引入本地圖片的兩種方式小結(jié)，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
關(guān)于net?6+vue?插件axios?后端接收參數(shù)問題
接到這樣一個(gè)項(xiàng)目需求是這樣的，前端vue?必須對象傳遞后端也必須對象接收，接下來通過本文給大家介紹下net?6+vue?插件axios?后端接收參數(shù)的問題,需要的朋友可以參考下2022-01-01
vue.js實(shí)現(xiàn)h5機(jī)器人聊天（測試版）
這篇文章主要為大家詳細(xì)介紹了vue.js實(shí)現(xiàn)h5機(jī)器人聊天測試版，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
Vue的Router是一個(gè)用于實(shí)現(xiàn)頁面跳轉(zhuǎn)和路由管理的插件,它可以幫助我們根據(jù)不同的URL請求加載不同的組件,以及實(shí)現(xiàn)前端路由功能,本文給大家介紹vue中的Router基本配置命令,感興趣的朋友跟隨小編一起看看吧2024-02-02
vue基于input實(shí)現(xiàn)密碼的顯示與隱藏功能
這篇文章主要介紹了vue基于input實(shí)現(xiàn)密碼的顯示與隱藏功能,文末給大家介紹了vue?如何實(shí)現(xiàn)切換密碼的顯示與隱藏效果，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-01-01