Vue.js延迟加载两次加载块文件

问题描述

我实现了一个vue.js路由器,如果我运行npm run build,它将为每个组件正确创建单独的文件。但是,如果我运行npm run serve,然后打开页面,则立即加载所有组件文件,而不是延迟。如果单击组件的链接,它将再次加载组件文件。我不明白为什么它不懒。看截图。有两次加载contact.js(应该是块)。首先是刷新,其次是链接点击。

enter image description here

解决方法

这称为预取。 vue-cli 3的默认设置为explained here
关于两次加载的块,我建议您以生产模式构建,然后检查两个重复请求的实际响应。我认为第二次,该块仅从浏览器缓存中加载,而不发出网络请求