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

【问题标题】：Cache Headers When Deploying A Static Site To Zeit Now将静态站点部署到 Zeit Now 时缓存标头
【发布时间】：2018-08-21 23:31:31
【问题描述】：

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

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

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

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

【问题讨论】：

标签： caching vercel

【解决方案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"
        }]
      }
    ]
  }
}

【讨论】：

不幸的是，这只适用于 Zeit v1，v2 不支持 type 或 static 属性
正确！这个问题是在 v2 发布之前提出的，所以它只与 v1 相关。文档在这里显示了 v2 的正确用法：zeit.co/docs/v2/advanced/configuration#routes