将静态站点部署到Zeit时的缓存标头

Question

我正在将使用Gatsby构建的静态网站部署到Zeit Now。我需要将所有JavaScript和Image资源的缓存头设置为：

cache-control: public,max-age=31536000,immutable

但是现在似乎不支持任何configuration选项，也不包括在其文档中的任何位置设置缓存控制标头。

如何更改用于JavaScript和图像文件的标题？

Answer 1

由于您的网站是静态网站，因此您需要确保在now.json文件中使用static build type，如下所示：

{
  "type": "static",
  "static": {
    "headers": [
      {
        "source": "**/*.@(jpg|jpeg|gif|png)",
        "headers": [{
          "key": "Cache-Control",
          "value": "max-age=7200"
        }]
      }, {
        "source": "404.html",
        "headers": [{
          "key": "Cache-Control",
          "value": "public,max-age=31536000,immutable"
        }]
      }
    ]
  }
}