reactjs - 已部署的 React Web 应用程序需要硬刷新

Question

使用 create-react-app (v1.0.13) 进行引导。每当我更新源并重新部署时，用户都需要硬刷新才能获取新内容。我已在 index.html 中包含非缓存 header :

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

&关闭提供的服务人员。在部署之前，还要更改构建文件夹中的 .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 缓存过期更改为“尊重现有 header ”https://www.cloudflare.com/a/caching/

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