【发布时间】：2020-09-12 16:46:18
【问题描述】：
我已将 create-react-app 用于前端脚本并使用 firebase 托管进行部署。每次我更新 CSS 和其他 HTML 并将它们部署到主机时，除非我强制清除缓存，否则更改不会反映在域上。每次部署到主机时如何自动清除浏览器缓存？
【问题讨论】：
标签： html css reactjs firebase firebase-hosting
【发布时间】：2020-09-12 16:46:18
【问题描述】：
缓存发生在您的浏览器中，浏览器通常基于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?
【讨论】：