vue发布后index.html缓存问题

Question

vue项目更新，如何解决用户浏览器缓存问题？

需求背景：为了不让用户每次在系统更新发版后后去清空浏览器缓存，如果不清缓存用户还是获取的上一版的内容

vue默认打包后css和js的名字后面都加了哈希值，不会有缓存问题。但是index.html是有缓存的，

如果在服务器配置不让缓存index.html，设置no-store后，每次index.html会重新加载，这样缓存问题是解决了，但是首屏加载速度慢问题又出现，每次刷新页面都是长时间的白屏。。。。

前端应该去如何解决index.html缓存问题，想征求一下大佬们的建议

Answer 1

在设置no-store前提下， 优化你的vue项目，之所以白屏是你项目首页加载文件太多太大了，你需要从这个角度优化

Answer 2

服务器配置对index.html进行协商缓存

Answer 3

首屏加载慢，是代码层面的问题，跟index.html文件不缓存没啥关系。
代码上优化一下，处理一下组件、路由、资源的按需加载、看看全局引入的东西，第三方库之类的。