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

Question

我正在开发一个 React 应用程序。我通过 AXIOS 请求 API 的地方。但是当我运行 NPM START 在本地主机上测试我的应用程序时，我收到了 CORS 错误。这是错误 访问 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 不允许。

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

原文由 Mustakim 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

 Access-Control-Allow-Headers: privatekey

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

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

原文由 MaartenDev 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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

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

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

原文由 Ali.Ghodrat 发布，翻译遵循 CC BY-SA 4.0 许可协议