caching - 将静态站点部署到 Zeit Now 时缓存标头

Question

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

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

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

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

Answer 1

由于您的站点是静态的，因此您需要确保在文件中使用静态构建类型now.json，如下所示：

{
  "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"
        }]
      }
    ]
  }
}