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

时间:2018-11-29 21:56:33

标签: amazon-web-services axios aws-api-gateway

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

从原点“ https://api_url/”到“ https://localhost:3000”的XMLHttpRequest的访问已被CORS策略阻止:对预检请求的响应未通过访问控制检查:否“访问控制” -Allow-Origin'标头出现在请求的资源上。

我引用了其他stackoverflow答案,但错误仍然存​​在。我不知道这是在AWS后端还是前端中犯了错误。如果有人有想法或解决方案,请分享。

预先感谢

1 个答案:

答案 0 :(得分:0)

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

您的React应用来自另一个域(例如https://localhost:3000),因此默认情况下无法调用远程服务器(例如'https://api_url/)。

有关详细说明,请参见Wikipediaenable-cors

必须显式启用它。

AWS API网关将允许您从UI执行此操作。

  • 在用户界面中选择您的API
  • 在操作下拉列表中,选择“启用CORS”
  • 遵循要启用的表格,您应该一切顺利!