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

IT技术 reactjs create-react-app
2021-04-29 04:04:44

使用 create-react-app (v1.0.13) 引导。每当我更新源并重新部署用户时,都需要硬刷新以获取新内容。我在 index.html 中包含了非缓存标头:

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

& 关闭提供的服务人员。还要在部署之前更改 build 文件夹中的 .js 文件名(和 index.html 中的引用)。

2个回答

我能够通过执行以下操作来删除缓存:

  • 在 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 等主机一起工作。