“http://localhost:3000”已被 CORS 阻止

Question

我一直在尝试将我的react .js 文件连接到后端。我在 API Gateway 中有一个 API，我创建了一个方法并启用了 CORS 并授予其访问权限

method.response.header.Access-Control-Allow-Headers 'Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token'
method.response.header.Access-Control-Allow-Methods 'OPTIONS'
method.response.header.Access-Control-Allow-Origin  '*'

我什至尝试了 http://localhost:3000 作为 Access-Control-Allow-Origin

但是每次我运行此代码并检查控制台时，我都会收到错误

从源

https://mdksmdk.execute-api.us-east-5.amazonaws.com/blehxajkhnd

获取

http://localhost:3000

的访问已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。如果不透明响应满足您的需求，请将请求模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。

我已多次启用 CORS。我不知道可能是什么问题

如果有帮助的话我可以粘贴代码

Answer 1

如果您必须使用本地主机的临时选项，那么您可以使用允许 CORS 扩展，然后尝试获取