无法通过React应用程序从APIGateway获取响应

Question

从 postman 调用 api 会给出预期的输出，没有任何错误。但是在尝试从 React 应用程序发出请求时，出现了相关错误。

PS：-这是我收到的错误。 “从源 'http://localhost:3001' 在 'aws-api-end-point' 获取数据的访问已被 CORS 策略阻止：请求的资源上不存在 'Access-Control-Allow-Origin' 标头。如果不透明的响应满足您的需求，请将请求的模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。”

我已经在AWS ApiGateway中部署了一个api。还集成了 lambda 函数。在从邮递员发出请求时，api 请求工作得很好，但在尝试从 React 应用程序发出相同的请求时，我收到了 cors 错误。

Answer 1

这是API网关的常见问题，基本上你只需要启用CORS即可。使用 lambda 它可以正常工作，但是当从基于浏览器的应用程序（例如 React）访问时。该错误表明浏览器正在强制执行 CORS（跨源资源共享）策略。

您可以在此处找到所有步骤：https://docs.aws.amazon.com/apigateway/latest/developerguide/how-to-cors-console.html