如何在 Vercel 中实现 Cache-Control: public

Question

我需要缓存控制我的个人网站，但我不知道应该如何或在哪里告诉浏览器缓存该网站。

我想用 Cache-Control: public, max-age=31536000, immutable 但不知道如何使用 Vercel 托管的 Next.js 应用程序。

Answer 1

使用 Vercel 时，您可以在 vercel.json 文件中使用 configure the headers。

{
    "headers": [
        {
            "source": "/(.*)",
            "headers" : [
                {
                    "key" : "Cache-Control",
                    "value" : "public, max-age=31536000, immutable"
                }
            ]
        }
    ]
}