前言

前端使用 Vue 框架进行开发，使用官方推荐的 axios 异步请求

问题描述

在 axios 请求过程中，出现如图请求失败异常取消的问题：

• 描述：在 Chrome 的页面调试过程中查看到失败的请求，状态是请求被取消，这个请求的请求头中出现 Provisional headers are shown 此行警告。

原因分析

• 文件上传时，如果文件稍大或者网络不稳定导致掉包，可能会出现这个问题
• 获取数据的时候，对应端口性能不好，超出连接超时时间。
• axios 的异步请求在请求处理的过程中，还未结束请求就被异常中断

解决方案

查看 axios 官方文档使用说明，给axios 设置了一个 timeout 的连接超时时间 ，或者延长 连接超时时间

axios.defaults.timeout = 50000;