无法从 React Single Page 应用程序进行 api 调用答案

【问题标题】：Unable to make api calls from React Single Page app无法从 React Single Page 应用程序进行 api 调用
【发布时间】：2018-04-05 04:46:58
【问题描述】：

我正在使用 react-slingshot 样板，并且我的组件（正在进行 api 调用）安装在根组件上。我在导航中使用 BrowserRouter。

当我从 / path 拨打电话时，api 工作正常。但是当我从任何其他路线出发时，我会收到此错误。

无法加载https://myapiserver.com/user/：请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 'http://localhost:3000' 因此不允许访问。

我不知道是什么问题。

【问题讨论】：

首先检查“myapiserver”的日志是否有错误，以确保。然后阅读有关 CORS 的信息。您应该配置您的服务器以接受来自localhost:3000 的请求。由于您没有指定服务器的语言和框架，因此很难提供更具体的帮助。
@JulienD 好的，我会检查

标签： reactjs react-router

【解决方案1】：

你的服务器是什么？这是一个 CORS 的东西，所以你可以从一个 web 服务器，比如 http-server 来服务所有这些。

你在这里无事可做。检查this doc from MDN。

您需要在 Web 服务器的响应中添加标头。例如，请参阅以下内容：

 <add name="Access-Control-Allow-Origin" value="*" />  
 <add name="Access-Control-Allow-Headers" value="Content-Type" />  
 <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />

根据您的语法更改上述内容。

【讨论】：