DDR爱好者之家

解决vue中axios设置超时(超过5分钟)没反应的问题
站长资源 2024/11/24 佚名
43 1538
DDR爱好者之家 Design By 杰米

（chrome环境）在做项目的时候，由于做大数据可视化界面，后台接口查询数据往往会比较久（上百万的数据量），导致vue项目axios请求超时timeout设置就比较大。开始设置超时未3分钟时没有问题（这里我设置超时弹窗了），可设置超时未6分钟时，却在五分钟左右弹出请求超时，但明明设置tiemout=6x60x1000。

于是通过资料查询，了解到Chrome浏览器，默认请求超时为五分钟，所以导致上诉现象产生，可如何在vue中修改浏览器超时？

直接上代码：

我们可以在config文件中index.js，配置timeout即可，这里是vue2环境（vu3相同）

proxyTable: {
    '/searchPerson': {
      target: '接口代理地址',
      timeout: 6*60*1000, //设置超时
      changeOrigin: true
     },
     '/taskResult': {
      target: ' 接口代理地址',
      timeout: 6*60*1000,  //设置超时
      changeOrigin: true
     }
     
  },

在index.js配置超时时间后，记得重启服务，不然会没反应

补充知识：Vue项目请求时间过长导致断开连接的问题

对于laravel，已经无力吐槽，不能支持多线程是个永远的痛，如果这个问题在java中，直接另辟一个线程就可以搞定，分分钟就可以返回数据！

问题：上传视频至阿里云oss，大文件莫名的会上传两次，而且前端每次大约在4.1min的时候断开连接

思路：因为在阿里云的控制台可以看到同一个视频被上传了两次，猜测是前端框架或者后端框架做了一次链接retry

解决方案：

1.后端框架（laravel）验证：

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

解决vue中axios设置超时(超过5分钟)没反应的问题

可以看出后台在400s之后可以返回数据，基本可以排除是后台laravel框架的问题

2.前端框架（Vue）验证

解决vue中axios设置超时(超过5分钟)没反应的问题

原先配置文件默认超时时长为2min（这里也是猜测）

然后开始上传视频，控制台发送upload请求，刷新阿里云控制台会看到文件正在上传，奇妙的事情发生了控制报错net err_empty_response，然后在刷新阿里云控制台会发现刚才上传的视频已经完成，但是还有同样的一个视频正在上传，所以猜测在前端没有得到response后，又尝试了请求了一次，导致视频会被上传两次！所以可以断定问题出在前端框架上。

经过一顿的测试和研究发现，

解决vue中axios设置超时(超过5分钟)没反应的问题

这里设置timeout后可以有效的解决刚才的问题！

以上这篇解决vue中axios设置超时(超过5分钟)没反应的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米