Reactjs 缓存破坏JS web应用程序

Reactjs 缓存破坏JS web应用程序,reactjs,browser-cache,Reactjs,Browser Cache,我正在用ReactJS开发一个应用程序,在这里我经常对应用程序进行新的更改 当用户加载upp应用程序时,他们并不总是获得应用程序的最新版本,这会导致我拥有的express后端发生中断性更改和错误 根据我的研究,您可以使用“缓存破坏”或类似的方法使缓存无效。尽管从我在stackoverflow上看到的所有问题来看,他们对如何做到这一点没有明确的共识,最新的更新是在2017年的某个时候 现代JS应用程序中的一个如何在部署时以高效、自动的方式使浏览器缓存失效? 如果相关的话,我使用docker和doc

我正在用ReactJS开发一个应用程序,在这里我经常对应用程序进行新的更改

当用户加载upp应用程序时,他们并不总是获得应用程序的最新版本,这会导致我拥有的express后端发生中断性更改和错误

根据我的研究,您可以使用“缓存破坏”或类似的方法使缓存无效。尽管从我在stackoverflow上看到的所有问题来看,他们对如何做到这一点没有明确的共识,最新的更新是在2017年的某个时候

现代JS应用程序中的一个如何在部署时以高效、自动的方式使浏览器缓存失效?


如果相关的话,我使用docker和docker compose来部署我的应用程序

没有一种适合所有人的解决方案。很常见的情况是向捆绑文件添加一些随机散列,这将导致浏览器再次从服务器处理该文件


类似于:
app.js?v=435893452
而不是
app.js
。大多数现代捆绑工具(如Webpack)都可以自动完成所有这些功能,但在不了解设置的情况下很难为您提供指导。

您是否考虑过使用标题?我没有,但对于react应用程序来说,级别不是很低吗?我通过nginx托管它,没有任何特殊配置。我在一开始使用npx create-react应用程序创建了这个项目,如果有帮助的话。那个网页包会自动完成这项工作,这是我一直在想的事情,但找不到。