前端请求接口时间叠加

Question

vue项目，前端同时请求多个接口时，请求时间会叠加，例如单独请求A接口需要100ms,单独请求B接口需要100ms,同时请求A,B接口的话每个接口需要200ms

Answer 1

建议打开控制台

看看是生命原因导致接口延迟了。然后截图出来看看

Answer 2

对于同一个域名，浏览器所维持的并发请求数量是有限的，超过限制数量会出现阻塞，据说 chrome 的限制是六个并发。
如果只有两个请求都会阻塞的话。要么就是服务器端有问题，这个要找后端；要么就是强行规定的请求顺序导致的，比如部分 CRM 要先获取物料 ID，然后拿这个 ID 去查详情，需要找后端确认接口之间有无顺序要求，有的话就不是前端的锅，没有的话，就要看看前端怎么实现的了。
如果是请求过多导致阻塞的，可以自行百度一下“前端首屏加载优化”，经典的解决方案不外乎跨域 CDN、精灵图、懒加载、预加载、善用缓存、AMD、CMD这些。