API网关axios网络Mac操作系统错误



我正在尝试从我的ReactJS应用程序(Mac(中使用axios调用API。但我一直收到这个错误消息,

访问'XMLHttpRequesthttps://api_url/'来自原点'https://localhost:3000'已被CORS策略阻止:对飞行前请求的响应未通过访问控制检查:请求的资源上不存在"access control Allow Origin"标头

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

提前感谢

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

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

请参阅维基百科并启用cors以获得精彩的解释。

这必须显式启用。

AWS API网关将允许您从用户界面执行此操作。

  • 在UI中选择您的API
  • 在操作下拉列表中选择"启用CORS">
  • 按照表格启用,你应该很好地去

最新更新