Mac OS 上的 API 网关 axios 网络错误

Question

我正在尝试从我的 ReactJS 应用程序 (Mac) 中使用 axios 调用 API。但我不断收到此错误消息，

从源“https://localhost:3000”访问“https://api_url/”处的 XMLHttpRequest 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：没有“访问控制允许源” ' 请求的资源上存在标头。

我参考了其他 stackoverflow 答案，但错误仍然存​​在。我不知道我在哪里犯了错误，无论是在 AWS 后端还是前端。如果有人有想法或解决方案，请分享。

提前致谢，

Answer 1

这是由于默认情况下禁用了跨域资源共享 (CORS)。

您的 React 应用来自不同的域（例如 https://localhost:3000），因此默认情况下无法调用远程服务器（例如 'https://api_url/）。

请参阅 Wikipedia 和 enable-cors 了解详细说明。

这必须明确启用。

AWS API Gateway 可让您通过 UI 执行此操作。

• 在 UI 中选择您的 API
• 在操作下拉列表中选择“启用 CORS”
• 按照表格启用，您应该一切顺利！