如何在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"
                }
            ]
        }
    ]
}