.. from origin .. 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：它没有 HTTP ok 状态

Question

我刚开始提出 API 请求。我正在尝试使用来自我的 React 项目的简单 axios post 请求来设置传入的 slack webhook，但是我一直收到 CORS 策略错误。该请求适用于失眠症。

我正在使用 ngrok 将我在本地机器上运行的 Web 服务器暴露给互联网（我认为这可以解决问题。）所以我从 https://...ngrok.io 发出请求，但是，我的网络选项卡中仍然收到“状态代码：400”以及上述错误。

splice

stackoverflow 上也有类似的错误，但没有一个能修复我的错误。我真的很想了解为什么会发生这种情况，因此我们不胜感激任何建议。

Answer 1

修复它，对于那些有同样问题的人： 对我有用的是将 Content-Type 标头设置为 application/x-www-form-urlencoded。在此线程中找到它：https://github.com/axios/axios/issues/475 看来这会触发“简单请求”，因此避免触发 CORS 预检。 https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS#Simple_requests