Webkit浏览器不允许我设置CORS预飞行标题[重复]

Question

我正在尝试使用jQuery.ajax（）创建一个跨源GET请求。我的服务器已配置为接受此类请求。Chrome不允许我发送标题：

访问控制请求方法

访问控制请求头

拒绝设置不安全的标头“访问控制请求方法”

这是我的ajax请求：

$.ajax({
    type:"GET",
    headers: {
        'Access-Control-Request-Method' : 'GET',
        'Access-Control-Request-Headers': 'X-Custom'
    },      
    url: "http://localhost:3000",       
    success: function(msg) {
        console.log(msg);
    }
});

我期望这些标题会导致浏览器创建一个飞行前请求（OPTIONS）来与服务器协商。我知道我以前已经完成了。有人能告诉我我忘记了什么吗？

谢谢！

Answer 1

如果请求不是简单的请求，跨域请求会自动执行飞行前选项请求。简单请求通常是GET请求。因此，如果您发出跨域GET请求，则不会有飞行前选项请求。

但是，如果您发出跨域POST请求，浏览器将在您不指示的情况下首先发出飞行前选项请求。此请求的目的是查看服务器是否允许来自客户端域/IP的跨域POST请求。

如果您的服务器在响应中有正确的“访问控制”标头，也就是说，是的这个客户端被允许发出跨域的POST请求，那么浏览器将继续发出POST请求。如果您的服务器说否（因为您服务器上的访问控制标题是错误的），那么浏览器将尊重这一点，不会发出第二次发布请求。

看见https://www.html5rocks.com/en/tutorials/cors/#toc-处理一个不那么简单的请求以获取更多信息。

此外，您必须确保服务器已设置为处理传入的选项请求。