欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決vue中axios設(shè)置超時(shí)(超過(guò)5分鐘)沒(méi)反應(yīng)的問(wèn)題

 更新時(shí)間:2020年09月04日 09:41:20   作者:七俠劍客  
這篇文章主要介紹了解決vue中axios設(shè)置超時(shí)(超過(guò)5分鐘)沒(méi)反應(yīng)的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

(chrome環(huán)境)在做項(xiàng)目的時(shí)候,由于做大數(shù)據(jù)可視化界面,后臺(tái)接口查詢數(shù)據(jù)往往會(huì)比較久(上百萬(wàn)的數(shù)據(jù)量),導(dǎo)致vue項(xiàng)目axios請(qǐng)求超時(shí)timeout設(shè)置就比較大。開(kāi)始設(shè)置超時(shí)未3分鐘時(shí)沒(méi)有問(wèn)題(這里我設(shè)置超時(shí)彈窗了),可設(shè)置超時(shí)未6分鐘時(shí),卻在五分鐘左右彈出請(qǐng)求超時(shí),但明明設(shè)置tiemout=6x60x1000。

于是通過(guò)資料查詢,了解到Chrome瀏覽器,默認(rèn)請(qǐng)求超時(shí)為五分鐘,所以導(dǎo)致上訴現(xiàn)象產(chǎn)生,可如何在vue中修改瀏覽器超時(shí)?

直接上代碼:

我們可以在config文件中index.js,配置timeout即可,這里是vue2環(huán)境(vu3相同)

proxyTable: {
    '/searchPerson': {
      target: '接口代理地址',
      timeout: 6*60*1000, //設(shè)置超時(shí)
      changeOrigin: true
     },
     '/taskResult': {
      target: ' 接口代理地址',
      timeout: 6*60*1000,  //設(shè)置超時(shí)
      changeOrigin: true
     }
     
  },

在index.js配置超時(shí)時(shí)間后,記得重啟服務(wù),不然會(huì)沒(méi)反應(yīng)

補(bǔ)充知識(shí):Vue項(xiàng)目請(qǐng)求時(shí)間過(guò)長(zhǎng)導(dǎo)致斷開(kāi)連接的問(wèn)題

對(duì)于laravel,已經(jīng)無(wú)力吐槽,不能支持多線程是個(gè)永遠(yuǎn)的痛,如果這個(gè)問(wèn)題在java中,直接另辟一個(gè)線程就可以搞定,分分鐘就可以返回?cái)?shù)據(jù)!

問(wèn)題:上傳視頻至阿里云oss,大文件莫名的會(huì)上傳兩次,而且前端每次大約在4.1min的時(shí)候斷開(kāi)連接

思路:因?yàn)樵诎⒗镌频目刂婆_(tái)可以看到同一個(gè)視頻被上傳了兩次,猜測(cè)是前端框架或者后端框架做了一次鏈接retry

解決方案:

1.后端框架(laravel)驗(yàn)證:

public function testTimeOut(){
 
    sleep(400);
    return 'sleep await';  
}

可以看出后臺(tái)在400s之后可以返回?cái)?shù)據(jù),基本可以排除是后臺(tái)laravel框架的問(wèn)題

2.前端框架(Vue)驗(yàn)證

原先配置文件默認(rèn)超時(shí)時(shí)長(zhǎng)為2min(這里也是猜測(cè))

然后開(kāi)始上傳視頻,控制臺(tái)發(fā)送upload請(qǐng)求,刷新阿里云控制臺(tái)會(huì)看到文件正在上傳,奇妙的事情發(fā)生了控制報(bào)錯(cuò)net err_empty_response,然后在刷新阿里云控制臺(tái)會(huì)發(fā)現(xiàn)剛才上傳的視頻已經(jīng)完成,但是還有同樣的一個(gè)視頻正在上傳,所以猜測(cè)在前端沒(méi)有得到response后,又嘗試了請(qǐng)求了一次,導(dǎo)致視頻會(huì)被上傳兩次!所以可以斷定問(wèn)題出在前端框架上。

經(jīng)過(guò)一頓的測(cè)試和研究發(fā)現(xiàn),

這里設(shè)置timeout后可以有效的解決剛才的問(wèn)題!

以上這篇解決vue中axios設(shè)置超時(shí)(超過(guò)5分鐘)沒(méi)反應(yīng)的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 第一個(gè)Vue插件從封裝到發(fā)布

    第一個(gè)Vue插件從封裝到發(fā)布

    這篇文章主要為大家詳細(xì)介紹了第一個(gè)Vue插件從封裝到發(fā)布的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-11-11
  • Vue列表如何實(shí)現(xiàn)滾動(dòng)到指定位置樣式改變效果

    Vue列表如何實(shí)現(xiàn)滾動(dòng)到指定位置樣式改變效果

    這篇文章主要介紹了Vue列表實(shí)現(xiàn)滾動(dòng)到指定位置樣式改變效果,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-05-05
  • JavaScript之Vue.js【入門基礎(chǔ)】

    JavaScript之Vue.js【入門基礎(chǔ)】

    本文主要介紹一下Vue.js并附上在Node.js環(huán)境下搭建一個(gè)簡(jiǎn)單的Demo實(shí)例代碼。條理清晰,有助于閱讀和理解。有需要的朋友可以看下
    2016-12-12
  • vue3數(shù)據(jù)可視化實(shí)現(xiàn)數(shù)字滾動(dòng)特效代碼

    vue3數(shù)據(jù)可視化實(shí)現(xiàn)數(shù)字滾動(dòng)特效代碼

    這篇文章主要介紹了vue3數(shù)據(jù)可視化實(shí)現(xiàn)數(shù)字滾動(dòng)特效,實(shí)現(xiàn)思路是使用Vue.component定義公共組件,使用window.requestAnimationFrame(首選,次選setTimeout)來(lái)循環(huán)數(shù)字動(dòng)畫,詳細(xì)代碼跟隨小編一起看看吧
    2022-09-09
  • 使用vue實(shí)現(xiàn)玉兔迎春圖高亮示例詳解

    使用vue實(shí)現(xiàn)玉兔迎春圖高亮示例詳解

    這篇文章主要為大家介紹了使用vue實(shí)現(xiàn)玉兔迎春圖高亮示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-01-01
  • vue前后端端口不一致的問(wèn)題解決

    vue前后端端口不一致的問(wèn)題解決

    本文主要介紹了vue前后端端口不一致的問(wèn)題解決,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2023-10-10
  • vue中axios的二次封裝實(shí)例講解

    vue中axios的二次封裝實(shí)例講解

    在本篇文章里小編給大家整理了關(guān)于vue中axios的二次封裝實(shí)例以及相關(guān)知識(shí)點(diǎn)總結(jié),需要的朋友們可以學(xué)習(xí)下。
    2019-10-10
  • 詳解通過(guò)JSON數(shù)據(jù)使用VUE.JS

    詳解通過(guò)JSON數(shù)據(jù)使用VUE.JS

    本篇文章主要介紹了詳解通過(guò)JSON數(shù)據(jù)使用VUE.JS,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • vue項(xiàng)目打包發(fā)布到Nginx后無(wú)法訪問(wèn)后端接口的解決辦法

    vue項(xiàng)目打包發(fā)布到Nginx后無(wú)法訪問(wèn)后端接口的解決辦法

    這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目打包發(fā)布到Nginx后無(wú)法訪問(wèn)后端接口的解決辦法,記錄一下項(xiàng)目需要注意的地方,方便以后快速使用,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2024-04-04
  • 快速理解Vue路由導(dǎo)航守衛(wèi)

    快速理解Vue路由導(dǎo)航守衛(wèi)

    這篇文章主要介紹了快速理解Vue路由導(dǎo)航守衛(wèi),“導(dǎo)航”表示路由正在發(fā)生變化,vue-router?提供的導(dǎo)航守衛(wèi)主要用來(lái)通過(guò)跳轉(zhuǎn)或取消的方式守衛(wèi)導(dǎo)航。有多種機(jī)會(huì)植入路由導(dǎo)航過(guò)程?中:全局的,?單個(gè)路由獨(dú)享的,?或者組件級(jí)的,下面來(lái)快速來(lái)接具體內(nèi)容吧
    2021-12-12

最新評(píng)論