Javascript 什么';这是通知用户在SPA网站上刷新浏览器的正确方式(当.js文件发生更改时)

Javascript 什么';这是通知用户在SPA网站上刷新浏览器的正确方式(当.js文件发生更改时),javascript,vue.js,webpack,single-page-application,laravel-mix,Javascript,Vue.js,Webpack,Single Page Application,Laravel Mix,我正在寻找一种适当的方式来通知用户更新的网站版本 每当我上传新的production.js文件时,网站的某些部分在不刷新浏览器的情况下仍能正常工作,但大多数情况下不能正常工作,用户可能永远也不会想到只刷新浏览器 每当上传新的.js文件时,我如何自动通知用户刷新浏览器 我使用的是Vue和Laravel混用。需要一个缓存buster,可以自动使用,例如:概念是在每次构建时重命名资源文件,这样当用户打开应用程序时,就不会从缓存中检索资源文件 但是,如果浏览器选项卡处于打开状态,并且在用户使用应用程序时

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

每当我上传新的production.js文件时,网站的某些部分在不刷新浏览器的情况下仍能正常工作,但大多数情况下不能正常工作,用户可能永远也不会想到只刷新浏览器

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


我使用的是Vue和Laravel混用。

需要一个缓存buster,可以自动使用,例如:概念是在每次构建时重命名资源文件,这样当用户打开应用程序时,就不会从缓存中检索资源文件

但是,如果浏览器选项卡处于打开状态,并且在用户使用应用程序时完成升级,这是不够的。在这种情况下,可能需要显示模式消息以刷新页面,或者自动刷新以加载新版本


为此,当应用程序第一次打开时,您应该将版本号(或git提交哈希)存储在SPA作用域的某个位置,并通过webservice调用定期检查当前后端版本。如果检测到版本更改,您将显示消息(并阻止用户使用其旧版本)。

如何向js脚本中添加缓存中断器,例如版本号,包括命令?可能重复感谢您的回答。我已经使用了cache buster,但有几个用户从未关闭过该选项卡,因此,他们使用的是已经导入的旧.js文件。我在想一些类似于你在邮件第二部分所描述的事情,但我希望这些天有更好的方法来处理这个案件。