前端是使用的Vue框架进行开发,使用官方推荐的axios的异步请求插件来调用API进行OSS对象存储,将文件上传到阿里云,在使用的过程时,如果文件稍大或者网络不稳定导致掉包,可能会出现以下的请求失败异常取消的问题。
在这里插入图片描述
在这里插入图片描述
在Chrome的页面调试中查看到失败的请求,状态是请求被取消,该请求的请求头中出现Provisional headers are shown此行警告

由于是主后端开发,个人经验有限,在baidu引擎中搜索到的资料大多数与我所见的问题不匹配,后来调整了服务器的网络环境,发现上传文件成功但是进行读取数据的时候加载失败,觉得是axios的异步请求在请求处理的过程中,还未结束请求就被异常终断,因此我查看了官方文档axios的使用说明,给axios设置了一个timeout的连接超时时间。

axios.defaults.timeout = 50000

在这里插入图片描述

再次进行测试,请求正常结束
在这里插入图片描述
相关参考资料:https://www.imooc.com/article/32925?block_id=tuijian_wz

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐