通知用户刷新SPA网站上的浏览器的正确方法是什么（当.js文件更改时）

Question

我正在寻找一种适当的方式来通知用户有关更新的网站版本。

每当我上传新的生产.js文件时，网站的某些部分仍可以在不刷新浏览器的情况下正常运行，但是大多数情况并非如此，用户可能永远也不会想出要刷新浏览器。

每当上载新的.js文件时，我如何自动通知用户刷新浏览器？

我正在使用Vue和Laravel-mix。

Answer 1

高速缓存破坏器是必需的，并且可以使用来自动执行。 gulp-rev ：概念是在每次构建时重命名资源文件，以便在用户打开您的应用程序时不会从缓存中检索它们。

但是，如果在用户使用该应用程序时打开浏览器选项卡并完成升级是不够的。 在这种情况下，也许您想显示一条模式消息以刷新页面，或者自动刷新以加载新版本。

为此，您应在首次打开应用程序时将版本号（或git commit哈希）存储在SPA范围内的某个位置，并通过网络服务调用定期检查当前的后端版本。 如果您检测到版本更改，则会显示该消息（并防止用户使用其旧版本）。