如何修复本地主机的cors错误？

Question

我正在开发一个React应用。我在哪里请求AXIOS的API。但是，当我运行NPM START在本地主机上测试我的应用程序时，出现CORS错误。这是错误 CORS策略已阻止从来源“ http://localhost:3000”访问“ https：//********.com/trx_status.php”处的XMLHttpRequest：不允许请求标头字段私钥由Access-Control-Allow-Headers在飞行前响应中进行。

我是新来的人。请告诉我如何解决这个问题。谢谢...

Answer 1

在我看来，这就像服务器端的问题。因此，您可以尝试添加标题“ Access-Control-Allow-Origin：*”。

如果您可以将其张贴在jsfiddle或某个编辑器中，以便我们进一步研究，将很有帮助。

谢谢

Answer 2

该错误是由发送到服务器的自定义privatekey标头引起的。该字段必须包含在服务器的Access-Control-Allow-Headers响应标头中。可以使用：

Access-Control-Allow-Headers: privatekey

使用php时，可以使用以下代码段：

header('Access-Control-Allow-Headers: X-Requested-With, privatekey');

Answer 3

打开 package.json 文件，在您的应用程序目录中，然后添加这一行（最好在“private”行下，如下图所示。这也适用于任何其他 url如果您的后端不在本地主机上。

"proxy": "http://localhost:3000/",

记得在这个改变后重启你的服务器！

Answer 4

为此，您需要在将要部署的 URL 的后端代码中允许 CORS，并且您可以使用该 URL 作为代理。您可以参考此 documentation 了解详细说明。