多个域的 Vercel 缓存 CORS 标头问题

Question

我在 Vercel 上部署了 Next.js API。 该 API 被多个其他域使用。

当浏览器发送If-None-Match标头时，Vercel可以回复304；但是，Access-Control-Allow-Origin 标头可能包含不同的来源，这会导致 CORS 错误。我猜这是因为 Vercel 从缓存的响应中发送了标头。

如何确保在Access-Control-Allow-Origin 标头中指定正确的原始值？ 我想我可以为每个使用 API 的域添加一些代理，但我宁愿避免这样做。

Answer 1

据我了解，问题在于 Vercel 未在缓存键中包含请求的来源，因此您会意外得到 Web cache poisoning。不幸的是，Vercel doesn't seem to allow custom cache keys 还没有。

一个长期的解决方案是向 Vercel 施加压力，让他们将来源添加到他们的缓存键中；这是 Cloudflare 等其他 CDN 采用的合理默认设置。另一种短期解决方案是根据Vercel caching rules 使您对 CORS 请求的响应不可缓存：

{
  "name": "foo",
  "version": 2,
  "routes": [
    {
      "src": "/whatever",
      "headers": [
        { key: "Cache-Control", value: "no-cache" },
        ...
      ]
    }
  ],
  ...
}