axios请求头带有Provisional headers are shown解决办法

最新推荐文章于 2023-03-20 09:17:40 发布

屁屁港

最新推荐文章于 2023-03-20 09:17:40 发布

阅读量5.8k

点赞数

文章标签： web vue

本文链接：https://blog.csdn.net/qq1214052592/article/details/103028836

版权

前端是使用的Vue框架进行开发，使用官方推荐的axios的异步请求插件来调用API进行OSS对象存储，将文件上传到阿里云，在使用的过程时，如果文件稍大或者网络不稳定导致掉包，可能会出现以下的请求失败异常取消的问题。
在这里插入图片描述

在Chrome的页面调试中查看到失败的请求，状态是请求被取消，该请求的请求头中出现Provisional headers are shown此行警告

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