托管在 firebase 上的 Ionic 应用程序需要清除缓存

Question

我在 firebase 上托管了一个 ionic 4 应用程序，当我推送更新时，我的用户必须清除缓存才能加载最新版本的应用程序。

我搜索了一下并修改了我的 firebase.json 以反映以下内容：

{
  "hosting": {
    "public": "www",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "headers": [
      { "source":"/service-worker.js", "headers": [{"key": "Cache-Control", "value": "no-cache"}] }
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

我认为这行得通，但今天我推送了一个更新，它要求我清除缓存。有人对如何强制更新有其他想法吗？

Answer 1

尝试改变这个

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

至此

"headers": [{"key": "Cache-Control",  "value": "no-cache, no-store, must-revalidate"]

或者这个

"headers": [{"key": "Cache-Control", "value": "public, max-age=0"}]

此外，您正在为 "source" : "/service-worker.js" 设置规则，这是您想要的吗？

我想你想要这个 :

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

看看他们做了什么

这可能会降低用户的性能

托管在 firebase 上的 Ionic 应用程序需要清除缓存

Ionic app hosted on firebase requires cache clear

caching

firebase

ionic-framework

firebase-hosting