为什么302重定向后会出现CORS错误？

Question

为什么以下步骤会在我的 Chrome 浏览器中产生 CORS 错误？

1. 使用Chrome浏览器访问https://www.domain1.com/index.html网站。
2. 单击本网站中的按钮。此按钮使浏览器发送

   GET https://www.domain2.com/dosomething

   请求。
3. https://www.domain2.com/dosomething 返回 302 HTTP 状态代码到浏览器，这使得浏览器发送

   GET https://www.domain3.com/doanotherthing

   请求。
4. Chrome 在发送

   GET https://www.domain3.com/doanotherthing

   请求后收到 CORS 错误。

如果我直接将

https://www.domain2.com/dosomething

粘贴到Chrome的地址栏中，我可以成功重定向到

https://www.domain3.com/doanotherthing

。并查看

https://www.domain3.com/doanotherthing

的内容。

为什么这种情况下不会出现CORS错误？

www.domain2.com/dosomething

指向 AWS API 网关。我已在此 API 网关中启用 CORS。

www.domain3.com/doanotherthing

指向 AWS CloudFront。我在此 CloudFront 中添加了

CORS-With-Preflight

响应标头策略。

我还应该怎么做才能在点击

https://wwww.domain1.com/index.html

中的按钮时查看https://www.domain3.com/doanotherthing的内容？

Answer 1

您可以参考这个aws文档：

https://docs.aws.amazon.com/apigateway/latest/developerguide/how-to-cors.html

或者一个 stackoverflow 问题： AWS CORS 问题 CLOUDFRONT <> APIGATEWAY