Question

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

当我从/路径拨打电话时，api工作正常。但是当我从任何其他路线进行制作时，我收到了这个错误。

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

我不知道是什么问题。

Answer 1

你的服务器是什么？这是一个CORS的事情，因此您可以从Web服务器（如http-server）上提供所有这些服务。

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

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

 <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" />

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

无法通过React Single Page应用程序进行api调用

1 个答案: