Javascript 在服务器上获取CORS错误http://localhost:3000 即使存在正确的标题，是否仍对应用程序作出反应？（错误的视频记录）_Javascript_Cors_Fetch_Webstorm_Fetch Api

Javascript 在服务器上获取CORS错误http://localhost:3000 即使存在正确的标题，是否仍对应用程序作出反应？（错误的视频记录）

javascript cors webstorm

Javascript 在服务器上获取CORS错误http://localhost:3000 即使存在正确的标题，是否仍对应用程序作出反应？（错误的视频记录）,javascript,cors,fetch,webstorm,fetch-api,Javascript,Cors,Fetch,Webstorm,Fetch Api,我一直在使用WebStorm玩React，当我尝试从API获取时，我不断得到以下错误：请求的资源上不存在“Access Control Allow Origin”头。起源'http://localhost:3000因此，不允许访问。如果不透明响应满足您的需要，请将请求的模式设置为“无cors”，以获取禁用cors的资源。为了解决这个问题，我最初安装了JetBrains Debug IDE Chrome扩展，它提供了强制CORS的选项。当设置为*时，或者我继续出现CORS错误（偶尔会出现），我

我一直在使用WebStorm玩React，当我尝试从API获取时，我不断得到以下错误：

请求的资源上不存在“Access Control Allow Origin”头。起源'http://localhost:3000因此，不允许访问。如果不透明响应满足您的需要，请将请求的模式设置为“无cors”，以获取禁用cors的资源。

为了解决这个问题，我最初安装了JetBrains Debug IDE Chrome扩展，它提供了强制CORS的选项。当设置为*时，或者我继续出现CORS错误（偶尔会出现），我还尝试安装Chrome扩展Allow Access Control Origin:*修复了一段时间的错误，但当我重新启动计算机时，我又开始出现错误

在这一点上，我开始尝试使用这两个插件的所有可能组合。我禁用了其中一个，然后尝试了另一个，我切换了要使用的头，然后是http://，等等。它有时会起作用，但后来我会再次出现错误

就在我决定记录错误并在这里发布时，我意识到对请求的响应显示了标题的存在！以下是请求及其标题的记录：

我无法理解这一点，它只发生在本地主机上，当我在Chrome中加载URL时，它工作正常

有人介意为我指出正确的方向吗？我确信这与我对CORS缺乏了解有关

您记录了对“充气办公室”请求的响应。您遇到的错误与位于

localhost:3000的服务器有关。请参阅@Pointy答案中的“如何使用CORS代理来解决“无访问控制允许源站标头”问题部分。问题是从localhost:3000向office发出请求，这是浏览器阻止的。记录显示，标头访问控制Allow Origin设置为*，这将使其正常工作。此外，我还尝试了heroku和cors everywhere代理，但我使用的另一个API出现了另一个问题，它无法与之配合使用。