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

Question

使用create-react-app(v1.0.13)启动.每当我更新源和重新部署用户需要硬刷新以获取新内容.我在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 缓存过期更改为“尊重现有标头”，网址为https://www.cloudflare.com/a/caching/

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