反应 axios CORS 问题答案

【问题标题】：React axios CORS issue反应 axios CORS 问题
【发布时间】：2020-05-27 12:33:10
【问题描述】：

我发送 CORS 请求如下：

const axiosConfig = {
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
        //'crossdomain' : true
        // 'Access-Control-Allow-Origin': '*'
    }
};

let netAddress=https://some port/
axios.post(netAddress, obj, axiosConfig)

其中 obj 是数据对象。

另外，我正在为 React 应用程序运行 npm start，如下所示

set HTTPS=TRUE&&npm start

服务器接受的headers如下：

Access-Control-Allow-Headers:Content-Type
Access-Control-Allow-methods:GET , POST , PUT, PATCH ,DELETE
Access-Control-Allow-Origin:*
Access-Control-Expose-Headers:x-paging-pageno,x-paging-pagesize,x-paging-totalpage,
x-pagingtotalrecordcount

我收到如下错误：

Access to XMLHttpRequest at 'https://10.6.0.7:9022/api/event/Event' from origin 'https://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

我的本地主机和服务器都在 HTTPS 上运行。我已经尝试过跨域和 Access-Control-Allow-Origin，但它仍然无法正常工作此外，对同一服务器的 GET 请求成功，但 POST 失败而且，我尝试使用像 CORS unblock 这样的 chrome 扩展，但它失败了请帮忙

【问题讨论】：

你用postman这样的工具测试过你的API吗？

标签： reactjs axios cors

【解决方案1】：

这可能不是您正在寻找的答案，但我最近遇到了这个问题，试图从我的客户端 POST 到端点，但由于 CORS 而无法解决。这是一个浏览器问题，而不是服务器接受的问题。您可以通过编写一个将 POST 发送到您的端点的云函数然后从您的客户端调用该云函数来使其工作。请注意，如果没有 Blaze 计划，您将无法在云功能中发出 http 请求。再次，对不起，如果这没有帮助，但我想我会分享。

【讨论】：

对不起，但这并不能解决我的问题....不过非常感谢。也许我在请求中发送了一些错误的标头，到目前为止我不知道..