跨域 POST 请求没有发送 Cookie Ajax Jquery

小开

请注意，这并不能解决 Cookie 共享过程，因为一般来说，这是不好的做法。

您需要使用 JSONP 作为您的类型:

来自 $. ajax 文档: 跨域请求和 dataType: “ jsonp”请求不支持同步操作。

$.ajax(
{
type: "POST",
url: "http://example.com/api/getlist.json",
dataType: 'jsonp',
xhrFields: {
withCredentials: true
},
crossDomain: true,
beforeSend: function(xhr) {
xhr.setRequestHeader("Cookie", "session=xxxyyyzzz");
},
success: function(){
alert('success');
},
error: function (xhr) {
alert(xhr.responseText);
}
}
);

小开

最佳答案

无法通过 JavaScript 设置或读取 CORS 请求上的 cookie。虽然 CORS 允许跨源请求，但 Cookie 仍然受到浏览器的同源策略的约束，这意味着只有来自相同源的页面才能读写 Cookie。withCredentials仅意味着由远程主机设置的任何 cookie 被发送到该远程主机。您必须使用 Set-Cookie头从远程服务器设置 cookie。

小开

我也有同样的问题。会话 ID 在 Cookie 中发送，但是由于请求是跨域的，浏览器的安全设置将阻止 Cookie 的发送。

解决方案: 在客户端(在浏览器中)生成会话 ID，使用 Javascript sessionStorage 存储会话 ID，然后将每个请求的会话 ID 发送到服务器。

我在这个问题上挣扎了很久，周围没有多少好的答案。下面是一篇详细介绍解决方案的文章: 带会话的跨域请求

小开

这个领域最近发生了很多变化，所以我认为一个新的答案会有所帮助。

要让浏览器在请求期间将 Cookie 发送到另一个站点，必须满足以下条件:

来自目标站点的 Set-Cookie标头必须包含 SameSite=None和 Secure标签。如果不使用 Secure，将忽略 SameSite报头。
请求必须发送到 https端点，这是 Secure标志的要求。
XHRRequest必须与 withCredentials=true一起制作。如果使用 $.ajax() 这是通过 xhrFields参数完成的(需要 jQuery=1.5.1+)
服务器必须使用与请求 Origin报头匹配的 Access-Control-Allow-Origin报头进行响应。(在这种情况下，*将不受尊重)

很多人在这篇文章中试图针对远程端点进行本地开发，如果满足上述标准，这是可能的。