无法在 Cloudfront 层上的 Lambda + API Gateway + Cloudfront 上启用 CORS

Question

我部署了一个 lambda，它本身'Access-Control-Allow-Origin': '*'在其响应中返回一个标头。

我从 API 网关调用它。调用API网关URL时，CORS配置即可。

我将 CloudFront 放在 API 前面，但是现在我无法访问 API，因为 CORS 配置似乎被 CloudFront 覆盖，并且我不确定在 CloudFront 中的何处添加自定义标头。

如何在 CloudFront 中启用 CORS？

Answer 1

进入您的 CloudFront 分配，单击行为，选择每个行为并单击编辑，您将看到标题为白名单标头的部分。选择“Access-Control-Request-Headers”和“Access-Control-request-methods”，然后单击“添加”，同时添加“来源”（感谢迈克尔的捕获），右下角单击“是，编辑”。

编辑：请参阅下面迈克尔关于防止缓存响应的评论。

瞧。