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

Question

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

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

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

Answer 1

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

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

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

Answer 2

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

{unregister} from ./registerServiceWorker

unregister();

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