首页 > 解决方案 > 如何将杠杆浏览器缓存添加到 firebase.json

问题描述

我第一次在 Google Cloud Platform 上使用 Firebase,我已经上传了我的静态网站,但现在我想添加:

"headers": [ {
    "source" : "**/*.@(eot|otf|ttf|ttc|woff|font.css)",
    "headers" : [ {
      "key" : "Access-Control-Allow-Origin",
      "value" : "*"
  } ]
  }, {
    "source" : "**/*.@(jpg|jpeg|gif|png)",
    "headers" : [ {
    "key" : "Cache-Control",
    "value" : "max-age=7200"
    } ]
  }, {
    // Sets the cache header for 404 pages to cache for 5 minutes
    "source" : "404.html",
    "headers" : [ {
    "key" : "Cache-Control",
    "value" : "max-age=300"
    } ]
  } ]

启用利用浏览器缓存,但我不明白如何将这些代码行添加到 firebase.json 文件?firebase init 命令在项目目录的根目录中创建一个 firebase.json 设置文件,但是在创建站点后如何更改它?

非常感谢

标签: jsonfirebasefirebase-hostingweb-site-project

解决方案


如果您想更改网站上的缓存设置,请更改您的相关Change-Control标头firebase.json,然后重新运行firebase deploy. 这将使用您的新设置部署最新firebase.json版本,并确保所有 HTML/CSS/JS/etc 文件也是最新的。

如果您丢失了您的, Firebase 托管参考文档firebase.json中的简单默认设置可能如下所示:

{
  "hosting": {
    "public": "app",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}

推荐阅读