VueJs 部署问题:Chrome 缓存旧版本而不更新应用程序

VueJs Deployment Problem: Chrome caches old version and not updating app

我在部署项目时遇到问题。 它是 VueJs 项目,一个网络应用程序,基于 Metronic 模板和 Vuetify 组件构建。 当我发布时,我使用 visual studio 代码和 npm run build 并将 dist 文件夹上传到我的服务器。 我有一个版本检查问题。 如果不重新加载,我的一些客户无法获得最新版本。 ctrl-shift-r 他们正在使用 chrome,当隐身模式开启时,一切都很完美。但是正常模式会带来非常旧版本的应用程序。 我需要代码或服务器端的解决方案,谢谢您的帮助

我解决了我的问题,但我忘记了 post 我的答案。我的问题是因为我在项目开始时安装和实现的PWA包。

当我尝试从我的项目中删除 PWA 时,我所做的是注释代码块,但没有从我的 packacge.json 中删除依赖项。(错误)所以,我在想,*“既然我没有调用任何 PWA 函数或初始化它,它应该被删除。” 是的,不是。 它仍然在那里,缓存东西。 所以我从我的 packacge.json 中删除(卸载)依赖项,甚至在那之后,之前安装 PWA 和 “未正确卸载” 的人仍在使用缓存! (是的,您必须单击卸载并选中删除文件选项) 所以我不得不从他们的 chrome 中手动卸载我的 PWA 应用程序(谢天谢地,它只有少数)并解决了问题。