解决vue中axios设置超时(超过5分钟)没反应的问题
（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';
}
可以看出后台在400s之后可以返回数据，基本可以排除是后台laravel框架的问题
2.前端框架（Vue）验证
原先配置文件默认超时时长为2min（这里也是猜测）
然后开始上传视频，控制台发送upload请求，刷新阿里云控制台会看到文件正在上传，奇妙的事情发生了控制报错net err_empty_response，然后在刷新阿里云控制台会发现刚才上传的视频已经完成，但是还有同样的一个视频正在上传，所以猜测在前端没有得到response后，又尝试了请求了一次，导致视频会被上传两次！所以可以断定问题出在前端框架上。
经过一顿的测试和研究发现，
这里设置timeout后可以有效的解决刚才的问题！
以上这篇解决vue中axios设置超时(超过5分钟)没反应的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vue实现前端分页完整代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
vue大文件分片上传之simple-uploader.js的使用
本文主要介绍了vue大文件分片上传之simple-uploader.js的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
这篇文章主要为大家详细介绍了vue路由嵌套的SPA实现步骤，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要介绍了解决在el-dialog中无法正确获取DOM的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
这篇文章主要介绍了Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-12-12
前端上传大文件、视频的时候会出现超时、过大、很慢等情况,为了解决这一问题,跟后端配合做了一个切片的功能,接下来就详细的给大家介绍一下vue大文件视频切片上传的处理方法,需要的朋友可以参考下2023-08-08
最近听到有人提到了Vue2的functional组件,大致上是说这个东西没有生命周期,在渲染层面上,会减少很多的消耗,一番处理之后,首屏时间和内存都能减少不少,所以本文小编就来和大家聊聊Vue2中的functional组件<BR>2023-08-08
这篇文章主要为大家介绍了vite中使用@配置路径别名过程示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
这篇文章主要介绍了elementui之el-tebs浏览器卡死的问题和使用报错未注册问题2019-07-07
本文主要介绍了Vue显示图片的几种方式小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
最新评论