firebase hostingにブラウザキャッシュを設定する

ホスティング動作を構成する#ヘッダーを構成する を参照。

firebase.json ファイルの hosting で headersを設定する。

keyに “Cache-Control”, valueに “max-age=(キャッシュ期間を秒で)”を設定する。

{
  "hosting": {
    "public": "....",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    // ....
    // Add the "headers" attribute within "hosting"
    "headers": [{
      // Overrides the default 1 hour browser cache with a 2 hour cache for all image files
      "source": "**/*.@(jpg|jpeg|gif|png)",
      "headers": [{
        "key": "Cache-Control",
        "value": "max-age=7200"
      }]
    }]
  }
}

上記の例では, 拡張子がjpg,jpeg,gif,pngのファイルに対して,7200秒のキャッシュ期間を設定している。