最近新搭建了一个vue-cli3 的后台管理系统，完成了架构的布局和一些基础的业务代码之后决定把代码发布到测试环境，方便测试和产品查看，在将代码发布测试了，发现首页加载非常的缓慢，通过浏览器调试工具查看，发现首页加载的时候发送了非常多的请求，数量达到了347个。
1.png
一开始以为是production环境没有使用懒加载，但是检测代码发现并没有问题，然后开始检查webpack的配置问题，但是vue,config.js都是使用了默认的配置，然后开始百度，最后在一篇博客（https://www.jb51.net/article/160039.htm）里面发现了一模一样的问题，原来是vue-cli3 里面的资源加载策略问题，Proload 和Prefetch，然后检查html结构的header部分，发现果真如此。
2.png
解决办法：官方文档已经给出了解决办法。
优化之后，发现首页的请求数量变成了36个，又恢复正常了。
3.png
网友评论