如何修复本地主机中的react cors 错误?

IT技术 javascript reactjs api localhost axios
2021-05-06 17:27:53

我正在开发一个react应用程序。我在哪里请求 AXIOS 的 API。但是当我运行 NPM START 在本地主机中测试我的应用程序时,我收到了 CORS 错误。这是错误 Access to XMLHttpRequest at 'https://********.com/trx_status.php' from origin ' http://localhost:3000 ' has been Blocked by CORS policy: Request header field privatekey预检响应中的 Access-Control-Allow-Headers 不允许。

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

4个回答

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

Access-Control-Allow-Headers: privatekey

使用 php 时,可以使用以下代码段:

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

在我看来,这像是您服务器端的问题。所以你可以尝试做的是尝试添加标题“Access-Control-Allow-Origin:*”。

如果您可以将其发布在 jsfiddle 或某个编辑器中的某处,以便我们可以进一步查看,那将会很有帮助。

谢谢

在您的应用程序目录中打开package.json文件,然后添加这一行(最好在“private”行下,如下图所示。如果您的后端不在您的本地主机。

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

请记住在此更改后重新启动您的服务器!

在此处输入图片说明

为此,您需要在将要部署的 URL 的后端代码中允许 CORS,并且您可以使用该 URL 作为代理。您可以参考此文档以获取详细说明。