每次部署新版本的 Web 应用程序时，如何清理浏览器缓存？

Question

我有一个 React 应用程序，每次部署新版本时，由于浏览器缓存，一些用户无法获得新版本。任何人都可以告诉我每次部署新版本的软件时如何清理浏览器缓存？

Answer 1

缓存是浏览器提供给用户的一项功能。由于安全原因，您不能使用 javascript 清理缓存。

清理缓存意味着您可以操作用户计算机上的物理文件，如果有一天您可以这样做，这将是一个巨大的安全漏洞。

检查这个答案以加强我在说什么。

但是，您可以告诉浏览器永远不要像这样缓存您的页面（也请查看此文档）：

<meta http-equiv='cache-control' content='no-cache'>

<meta http-equiv='expires' content='0'>

<meta http-equiv='pragma' content='no-cache'>

或者通过在所有文件（javascript、图像、字体等）中关联哈希标签名称来更改浏览器已知的文件，并在每次部署软件的新版本时更改该哈希，如下所示：

<script src="script.js?version={versionNumber}">

<img src ="imageName.png=version={versionNumber}">