使用新版本自动更新 Vue 站点/PWA

Automatically update Vue site / PWA with new release

我有一个 Vue 应用程序，既可以在浏览器中使用，也可以用作 PWA。我想确保用户在将更新推送到服务器时收到最新版本。

我正在使用 Nginx、Django 和 vue-cli 以及 @vue/cli-plugin-pwa。

目前，当我 npm run build 然后将新版本推送到服务器时，用户会获得旧版本的应用程序（在浏览器中以及手机上的 PWA）。为了获得新版本，他们在浏览器中进行硬刷新，或者对于 PWA，他们关闭应用程序并再次重新打开它。

有没有办法确保每次加载应用程序时都进行版本检查，以便检索新版本？

最后我找到了这篇优秀的文章，其中介绍了如何在有可用更新时显示通知。然后用户可以单击更新应用程序的通知。