缓存破坏 Reactjs Web 应用程序

Question

我正在使用 ReactJS 开发一个应用程序，我经常在其中向应用程序推送新的更改。

当用户加载应用程序时，他们并不总是获得最新版本的应用程序，这会导致我拥有的快速后端发生重大更改和错误。

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

如何在现代 ReactJS 应用程序中以一种高效且自动的方式在部署时使浏览器缓存失效？

如果相关，我正在使用 docker 和 docker-compose 来部署我的应用程序

Answer 1

没有万能的解决方案。很常见的是在捆绑文件中添加一些随机哈希，这将导致浏览器再次从服务器处理文件。

类似：app.js?v=435893452 而不是 app.js。大多数现代捆绑工具（如 Webpack）都可以自动完成所有这些工作，但如果不了解您的设置，就很难为您提供指导。