部署的反应Web应用程序需要硬刷新

Posted 2021-03-27

使用create-react-app（v1.0.13）启动。每当我更新源和重新部署用户需要硬刷新以获取新内容。我在index.html中包含了非缓存头：

<meta http-equiv="Cache-Control" content="no-store" />

并关闭了提供的服务人员。在部署之前，还要在build文件夹中更改.js文件名（以及index.html中的引用）。

答案

我可以通过执行以下操作来删除缓存：

• 在index.html <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> 中添加以下内容
• 将以下内容插入js import { unregister } from './registerServiceWorker'; unregister()
• 在https://www.cloudflare.com/a/caching/将cloudflare缓存过期更改为“尊重现有标头”

目前还不清楚其中哪些（或所有这些）实际上是必需的，但这是一个开始。

另一答案

对于未来的任何人 - 你需要的只是

{unregister} from ./registerServiceWorker

unregister();

这有助于我的create-react-app与gh-pages和netlify等主机一起工作。