Safari CORS 问题 - Access-Control-Allow-Origin 不允许主机

Question

嗨，我在 safari 上遇到了 CORS 问题。我的请求在除 safari 之外的所有其他浏览器中都能正常工作。我不断收到错误消息 [host] not allowed by Access-Control-Allow-Origin尽管 api 专门为 OPTIONS 请求和 POST 请求在响应中设置了请求 url。

我无休止地对此进行了研究，但没有发现任何有效的方法。

我附上了来自 chrome 的屏幕截图，您可以在其中看到所有请求和响应 header ，以及来自 Safari 的屏幕截图，您可以在其中看到错误。这是具有完全相同参数的完全相同的请求。

Chrome 合金:

苹果浏览器:


提前致谢!

Answer 1

跨域资源共享调用通常被浏览器阻止，因此从网站(在您的情况下为 localhost:3004)到远程主机 52.85.173.227(我认为您已将其托管在亚马逊的 API 网关中)进行的 API 调用。

您需要做什么才能启用 CORS 。

如果您使用亚马逊的 API Gateway 。

单击资源，然后在操作中，您可以选择启用 CORS。这样做，它会添加 header 以启用 CORS 。

Option on AWS API Gateway to enable CORS

执行此操作后，您的 OPTIONS 调用的响应 header 将具有 "Access-Control-Allow-Origin"为 "*"。

因此，您的浏览器/网站将能够进行跨源调用。

希望这可以帮助。