使用React前端进行AJAX调用时，无法使用CORS访问后端API

Question

我正在尝试创建一个通过后端获取外部API信息的应用程序，并将其传递给我的React前端。 后端工作正常，我可以调用服务器，并且可以获取信息。 但是，当我尝试将信息传递给我的前端时，会出现错误。 如果有人可以告诉我我做错了什么，将不胜感激。 我整个周末都在遇到这个问题。

后端控制器：

网址：

但是，当我通过react前端进行AJAX调用时，出现此错误：

后端错误：

这是我其余的代码：

Rails：CORS和应用程序控制器：

Rails路线：

使用AJAX调用的React Component：

Answer 1

这是CORS错误。 当您执行从一个域（前端托管的位置）到另一个域（服务器所在的位置）的呼叫时，您的服务器应响应OPTIONS请求并提供一些数据，这些数据将满足浏览器的要求。

检查MDN以获取更多信息： https : //developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS