caching - Firebase托管-强制浏览器在新部署上重置缓存？

Question

我有一个使用create-react-app构建并托管在Firebase Hosting上的网站。我该怎么做以指定在新部署后需要更新浏览器缓存，并且最好仅针对自上次部署以来已更改的页面， Assets 和样式表进行更新？

是否可以访问部署ID并将其(或任何其他唯一标识符)包含在 header 中，以便浏览器可以与本地存储或缓存中的ID进行比较，并确定是否需要硬刷新？我查看了Firebase Deploying和Full config文档，但没有提及如何访问托管元数据(如上次部署时间)。

将Cache-Control值设置为max-age=[any number]似乎并不理想，因为它忽略了下一次部署的发生时间(除非有固定的时间表，否则开始时可能是未知的)。

Answer 1

我想到了。必须根据this Github comment更新firebase.json文件:

{
  "hosting": {
    "headers": [
      { "source":"/service-worker.js", "headers": [{"key": "Cache-Control", "value": "no-cache"}] }
    ]
  }
}