新部署Firebase托管后，在用户浏览器上强制清除缓存

Question

我已经将create-react-app用于前端脚本，并将firebase托管用于部署。每次我更新CSS和其他HTML并将其部署到主机时，除非强制清除缓存，否则更改不会反映在域中。每次部署到主机时如何自动清除浏览器上的缓存？

Answer 1

缓存发生在您的浏览器中，浏览器通常基于caching headers that you tell Firebase Hosting to send back进行缓存。如果将这些标头设置得太短，最终将导致重新加载未经修改的文件，从而浪费了您和用户的带宽。如果将标题设置得太长，用户可能会发现您发现的内容过时。

您可以：

• 找到可以看到最新内容并最小化带宽使用的用户的良好中间地带。
• 告诉您的用户在发生更改时重新加载页面。
• 应用某种形式的fingerprinting on your URLs，这意味着内容会生成唯一的URL，因此新内容将在新的URL下提供。
• 将您的应用程序转换为PWA，以便您可以完全控制从缓存中加载哪些内容以及从网络中加载哪些内容。参见When and how does a PWA update itself?