Reactjs .. 从原产地。。已被CORS策略阻止:对飞行前请求的响应不';无法通过访问控制检查:它没有HTTP ok状态

Reactjs .. 从原产地。。已被CORS策略阻止:对飞行前请求的响应不';无法通过访问控制检查:它没有HTTP ok状态,reactjs,post,cors,Reactjs,Post,Cors,我对提出API请求相当陌生。我正在尝试使用来自React项目的简单axios post请求设置传入的slack webhook,但是我一直收到CORS策略错误。这个请求在失眠时非常有效 我正在使用ngrok将我在本地机器上运行的web服务器暴露到internet上(我认为这会纠正这个问题),因此我从https://...ngrok.io,但我仍然在网络选项卡中收到“状态代码:400”以及上面的错误 axios({ method: "post", ur

我对提出API请求相当陌生。我正在尝试使用来自React项目的简单axios post请求设置传入的slack webhook,但是我一直收到CORS策略错误。这个请求在失眠时非常有效

我正在使用ngrok将我在本地机器上运行的web服务器暴露到internet上(我认为这会纠正这个问题),因此我从https://...ngrok.io,但我仍然在网络选项卡中收到“状态代码:400”以及上面的错误

 axios({
      method: "post",
      url:
        "https://hooks.slack.com/services/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",
      headers: { "Content-type": "application/json" },
      data: { text: "Hello, World!" },
    }).then(
      (response) => {
        console.log(response);
      },
      (error) => {
        console.log(error);
      }
    );
  };

stackoverflow上也有类似的错误,但没有修复我的错误。我真的很想了解为什么会发生这种情况,所以如果您有任何建议,我将不胜感激。

修复了它,适用于那些有相同问题的人:
对我有效的是将内容类型头设置为application/x-www-form-urlencoded。在这个线程中找到了它:它似乎触发了“简单请求”,因此避免了触发CORS预飞行

你试过这个吗:没什么变化。我仍然收到同样的错误。我试过。。。头:{Accept:“application/json,text/plain,/”}并且没有头,但是我收到了相同的错误。