javascript - 如何修复 localhost 中的 react cors 错误？

Question

我正在开发一个 react 应用程序。我向 AXIOS 请求 API 的地方。但是当我运行 NPM START 在 localhost 中测试我的应用程序时，我收到了 CORS 错误。这是错误
从源 'http://localhost:3000 访问 'https://********.com/trx_status.php' 的 XMLHttpRequest ' 已被 CORS 策略阻止:在预检响应中 Access-Control-Allow-Headers 不允许请求 header 字段 privatekey。

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

Answer 1

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

Access-Control-Allow-Headers: privatekey

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

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