vue中使用axios渲染异常慢

Question

在使用axios请求数据时，数据返回特别慢，就算只是取数据 不渲染 首页加载也会很久。

请问 这是axios本身的问题嘛

network 如图，内容并不大，但有时就会到3S，甚至有时候回7-8s，平均都得2s

Answer 1

network个axios没关系。后端服务响应速度网络的问题补充关于Network的说明看到问题还在讨论可能有必要补充一下。如楼下所说，这里问题是content download时间太长，原因极有可能是xhr返回了304K的数据。如果不需要那么多数据，请做分页处理，如果需要这么多数据，可考虑把数据分片，通过Promise.all获取。原答案列举的是比较常见的问题（返回比图片还大的数据说实话也不常见），附上其他影响时间的链接。了解 Resource Timing

Answer 2

怎么个慢法呐，打开network看下

Answer 3

跟axios没关系吧，看看你的网速和后台是不是出了问题

Answer 4

axios封装的是XMLHttpRequest, 浏览器暴露给js进行ajax请求的操作能力。渲染：指的是浏览器解析html, style sheet进行 layout & render -> composition，再进行绘制的过程。axios跟渲染没有半点关系，跟你network里看到的时间线也没关系。axios只负责请求&响应接收数据的IO。访问时间：时间长短主要跟这些因素有关：是否在队列中stalled，三次握手?初始化连接时间 initial connect，服务器对数据的处理等待时间waiting，数据下载content download

Answer 5

content download的时间太长了，响应时间也不咋滴，可能是你的服务器带宽太小或者距离太远

Answer 6

axios跟渲染有什么关系。