Ajax跨域请求携带cookie问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax跨域请求携带cookie问题相关的知识,希望对你有一定的参考价值。

参考技术A 在跨域的请求中,请求不会自动带上cookie,需要前后端配合设置才可以。主要是以下几点:

ajax跨域请求无法携带cookie的问题

 
客户端设置
 
1.原生js设置方式:
`xhr.withCredentials = true;`

 

2.jQuery或者zepto设置方式:

$.ajax({
  ...
  xhrFields: {
     withCredentials: true
  },
  ...
})

 

默认情况下,跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。通过将withCredentials属性设置为true,可以指定某个请求应该发送凭据。这样就可以就行跨域cookie共享了,比如你的二级域名要获取你一级域名的cookie或者相反。
 
服务端设置
 
下面给出php版本的设置:
header("Access-Control-Allow-Credentials: true");

 

如果发送的是带凭据的请求,但服务器的相应中没有包含这个头部,那么浏览器就不会把相应的数据交给JavaScript。于是,responseText中将是空字符串,status的值为0,而且会调用onerror()事件处理程序。
 

以上是关于Ajax跨域请求携带cookie问题的主要内容,如果未能解决你的问题,请参考以下文章

前端Jquery-Ajax跨域请求,并携带cookie

ajax、fetch 跨域携带cookie

带cookie的异步ajax跨域请求问题

Ajax 跨域请求 Cookie 无法携带/保存的解决办法

跨域请求如何携带cookie?不小心都拿了Offer

解决携带身份信息的跨域请求