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

标签 javascript reactjs api localhost axios

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

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

最佳答案

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

Access-Control-Allow-Headers: privatekey

使用 php 时,可以使用以下代码段:
header('Access-Control-Allow-Headers: X-Requested-With, privatekey');

关于javascript - 如何修复 localhost 中的 react cors 错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58679084/

相关文章:

javascript - 在 JavaScript 中简单替换为用户输入

javascript - 我如何确保全局范围 JS 范围(窗口)保持干净?

javascript - 单击栏并更改图标颜色时如何激活导航栏

javascript - componentDidCatch + window.addEventListener ('error' , cb) 行为不符合预期

api - nginx proxy_pass for get request api call with parameters

javascript - Protractor 不能使用以此声明的本地属性。 .then 语句内

reactjs - 单击包含它的图层时,Lottie 动画开始播放,如何停止播放?

api - 基于 SSL 的 HTTP 基本身份验证是否比 2 条腿 Oauth 安全?

api - 将站点和 api 连接到同一数据库

reactjs - Jest 框架针对 Jquery 导入抛出错误 "unexpected identifier"