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

问题描述 投票:8回答:2

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

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

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

reactjs create-react-app
2个回答
1
投票

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

  • 在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缓存过期更改为“尊重现有标头”

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


1
投票

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

{unregister} from ./registerServiceWorker

unregister();

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

© www.soinside.com 2019 - 2024. All rights reserved.