如何修复本地主机中的 react cors 错误?
How to Fix react cors error in localhost?
我正在开发一个 React 应用程序。我在 AXIOS 请求 API 的地方。但是当我 运行 NPM START 在本地主机上测试我的应用程序时,我收到了 CORS 错误。这是错误
从源“http://localhost:3000”访问 'https://********.com/trx_status.php' 处的 XMLHttpRequest 已被 CORS 策略阻止:Access-Control-Allow-Headers 在预检响应中不允许请求 header 字段私钥.
我是 React 新手。请告诉我如何解决这个问题。谢谢...
在我看来,这似乎是您服务器端的问题。所以你可以尝试做的是尝试添加 header "Access-Control-Allow-Origin: *".
如果你能在 jsfiddle 或某些编辑器中post它会很有帮助,这样我们可以进一步查看它。
谢谢
错误是由发送到服务器的自定义 privatekey
header 引起的。该字段必须包含在来自服务器的 Access-Control-Allow-Headers
响应 header 中。可以使用:
Access-Control-Allow-Headers: privatekey
使用 php 时,可以使用以下代码段:
header('Access-Control-Allow-Headers: X-Requested-With, privatekey');
打开package.json文件,在你的应用程序目录中,然后添加这一行(最好在“private”行下,如下图所示。如果您的后端不在您的本地主机上,这也适用于任何其他 url。
"proxy": "http://localhost:3000/",
记得在这个更改后重启你的服务器!
为此,您需要在要部署的 URL 的后端代码中允许 CORS,并且您可以使用该 URL 作为代理。您可以参考此 documentation 了解详细说明。
我正在开发一个 React 应用程序。我在 AXIOS 请求 API 的地方。但是当我 运行 NPM START 在本地主机上测试我的应用程序时,我收到了 CORS 错误。这是错误 从源“http://localhost:3000”访问 'https://********.com/trx_status.php' 处的 XMLHttpRequest 已被 CORS 策略阻止:Access-Control-Allow-Headers 在预检响应中不允许请求 header 字段私钥.
我是 React 新手。请告诉我如何解决这个问题。谢谢...
在我看来,这似乎是您服务器端的问题。所以你可以尝试做的是尝试添加 header "Access-Control-Allow-Origin: *".
如果你能在 jsfiddle 或某些编辑器中post它会很有帮助,这样我们可以进一步查看它。
谢谢
错误是由发送到服务器的自定义 privatekey
header 引起的。该字段必须包含在来自服务器的 Access-Control-Allow-Headers
响应 header 中。可以使用:
Access-Control-Allow-Headers: privatekey
使用 php 时,可以使用以下代码段:
header('Access-Control-Allow-Headers: X-Requested-With, privatekey');
打开package.json文件,在你的应用程序目录中,然后添加这一行(最好在“private”行下,如下图所示。如果您的后端不在您的本地主机上,这也适用于任何其他 url。
"proxy": "http://localhost:3000/",
记得在这个更改后重启你的服务器!
为此,您需要在要部署的 URL 的后端代码中允许 CORS,并且您可以使用该 URL 作为代理。您可以参考此 documentation 了解详细说明。