Question

我发送的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

服务器接受的标头如下：

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失败而且，我尝试使用Chrome扩展程序（例如CORS）取消阻止，但失败了请帮忙

Answer 1

这可能不是您要查找的答案，但是最近我遇到了这个问题，试图从我的客户端发布到端点，并且由于CORS而无法执行。这是浏览器问题，而不是服务器接受的问题。您可以通过编写将POST执行到端点的云函数，然后从客户端调用该云函数来使其工作。请注意，至少没有Blaze计划，您才能在云功能中发出http请求。再次，抱歉，如果这无济于事，以为我会分享。

反应axios CORS问题

1 个答案: