“https://localhost:8080”已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头答案

【问题标题】：'https://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource“https://localhost:8080”已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头
【发布时间】：2021-07-14 17:24:11
【问题描述】：

我正在使用 AWS Cognito 对 API 进行身份验证，并将 Amazon Cognito Identity JS 与 amplify 结合使用。我在 API Gateway 中添加了授权者，当我使用 cognito 用户登录时它给了我错误，但没有授权者它工作正常。

这是错误。

【问题讨论】：

标签： amazon-cognito

【解决方案1】：

分析此问题的一种简单方法是使用 AWS Cognito 中的“启动托管 UI”工具。这可以通过以下路径访问：AWS Cognito > Manage User Pools > Select User Pool > App Client Settings > Launch Hosted UI。

启动 UI 中的 URL 参数应与配置的应用程序 UI 中的设置完全相同。任何参数的任何偏差都会导致 CORS 错误。

【讨论】：

【解决方案2】：

您应该使用“启用 CORS”在您的 API 服务上设置 CORS 详细信息，并在此处添加您的授权标头名称。

【讨论】：

【解决方案3】：

添加了一个名为 Moesif CORS 的 chrome 扩展来临时解决这个问题。还没有找到合适的解决方案。

【讨论】：