Cookie的跨域问题

小小Cookie，大大能量

cookie，这个仅有4kb的小曲奇也是有大体量。朋友的项目遇到了问题，原因是在线上环境设置cookie发送请求，请求头中的Cookie属性带着所设置的cookie，但是在本地调试的时候却发现并不携带。

什么是cookie

详情请看这里

cookie属性

所以你想设置cookie可以这样设置

//打开浏览器控制台，输入以下代码回车
document.cookie = "test=123;path=/;domain=blog.csdn.net"
//这样按住F12打开控制台，在Application的Cookies里面你就会找到刚才设置的属性

Cookie的Domain

刚才我们设置了test=123，我们会发现他的Domain是.blog.csdn.net，然后现在切换到其他网页(如百度)，再次打开控制台的Application之后会发现，我去竟然没有了。于是你会联想到cookie是不是也有跨域的问题?

答案是肯定的，而造成这一影响的原因之一是Domain

前端开发时，在登录页面发送请求，后端收到请求之后在set-cookie中设置cookie信息，其中就包括了Domain。如果前端在发送其他请求时，打开携带cookie的配置(如axios的axios.defaults.withCredentials= true)则会带上跟后端同域名的cookie

下表为set-cookie的属性

以上解释了为什么盆友的项目在线上设置cookie发送请求携带，而在本地开发不携带cookie的原因（线上设置的cookie的domain与后端同名，本地设置的则为localhost）

刚才说原因之一，那其他的呢？拿一个post请求来说，http://aaa.www.com/xxxxx/list

如果满足下面几个条件才会携带cookie：

1. 浏览器端某个Cookie的domain字段等于aaa.www.com或者www.com。

2. 都是http或者https，或者不同的情况下Secure属性为false。

3. 要发送请求的路径，即上面的xxxxx跟浏览器端Cookie的path属性必须一致，或者是浏览器端Cookie的path的子目录，比如浏览器端Cookie的path为/test，那么xxxxxxx必须为/test或者/test/xxxx等子目录。

其他

• 大家看见那个在Application的Domain的域名会被加.这是强制加的。

• 为什么我朋友不能通过设置cookie来携带cookie

  • 如果只设置cookie，domain默认为当前域名。
  • 如果设置了domian，因为本地启动的是localhost所以domain设置他们后端的域名会写入不成功。

  写入cookie方法

  function setCookie(name, value, day, path, domain)
  {
  	day = day || 30;
  	path = path || '/';
  	var str = name + '=' + value + '; ';
  	if(day) str += 'expires=' + new Date(Date.now() + day * 24 * 3600 * 1000).toGMTString() + '; ';
  	if(path) str += 'path=' + path + '; ';
  	if(domain) str += 'domain=' + domain;
  	document.cookie = str;
  },
  

  当前域名为：blog.xiaoming.com 执行以下代码

  xei.setCookie('test1', 'abcd', 30, '/'); // 成功，默认写入当前域名
  xei.setCookie('test2', 'abcd', 30, '/', 'blog.xiaoming.com'); // 成功，前面追加一个“.”
  xei.setCookie('test3', 'abcd', 30, '/', 'abcd.xiaoming.com'); // 写入不成功
  xei.setCookie('test4', 'abcd', 30, '/', '.xiaoming.com'); // 成功
  xei.setCookie('test5', 'abcd', 30, '/', 'xiaoming.com'); // 成功，前面追加一个“.”
  xei.setCookie('test6', 'abcd', 30, '/', 'www.qq.com'); // 写入不成功
  

  • 不传domain，默认当前域名；
  • 只要传了domain，则会强制在前面加上一个.，不管是一级还是二级域名；
  • domain只能“小于等于”当前域名，否则写入不成功；

参考文献

• 关于前后端写入Cookie时domain的一个问题
• cookie的domain属性

最后

以上就是神勇石头为你收集整理的Cookie的跨域问题的全部内容，希望文章能够帮你解决Cookie的跨域问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。