停止在缓存中保存 Flutter Web Firebase 托管

Question

我使用 Flutter Web 设计了一个 Web 应用程序。我用 Firebase 主机托管它。但是在部署到 Firebase 后，它没有显示我的代码的更改。它仍在显示我的旧版网络应用程序。但是我可以通过清除浏览器的缓存或ctrl+refresh来解决这个问题。但我不想每次部署到 Firebase 时都这样做。如何停止将我的 Web 应用程序保存在缓存中？

托管链接：https://frcovid19dashboard.web.app

Answer 1

将版本号附加到您的 main.dart 文件。每次您进行需要浏览器清除现金的更改时，请在上传更改之前更改附加的版本号，以便浏览器知道某些内容发生了变化并需要清除现金。例如：

第一个版本：

<script src="main.dart.js?version=1" type="application/javascript"></script>

下次您进行更改时：

<script src="main.dart.js?version=2" type="application/javascript"></script>

等等。检查这个link。

Answer 2

另一种方法是防止通过 HTTP 标头进行缓存。 对于 Firebase 托管，这将是：https://firebase.google.com/docs/hosting/full-config#headers

我猜你可以在firebase.json 的站点条目中设置类似的内容：

"headers": [
  {
    "source": "**",
    "headers": [
      {
        "key": "Cache-Control",
        "value": "no-cache"
      }
    ]
  }
]