域名造成后台cookie取不到值问题

问题：

网站域名是study.com（例子），请求接口地址是api.study.com，域名不一致，导致后台取不到前台设置的cookie。并且chrome中控制台的请求头中也不会显示cookie。

解决方案：

设置cookie时，配置域名

import Cookies from 'js-cookie';
utils.setCookie = (key, value) => {
    let _obj = {
        "expires": 2,
        "domain":  '.baidu.com'
    }
    Cookies.set(key, value, _obj) 
}

域名解释：

• 一级域名：又叫顶级域名，一串字符串中间一个点隔开，例如study.com

• 二级域名：实际上就是一个一级域名以下的主机名，一串字符串中间两个“.”隔开，例如sin.study.com（"sin"就是主机名）。

• 三级域名：二级域名的子域名，特征是包含三个“.”，一般来说三级域名都是免费的。

子域名和主域名问题（动态写域名）

function GetCookieDomain() {
 var host = location.hostname;
 var ip = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
 if (ip.test(host) === true || host === 'localhost') return host;
 var regex = /([^]*).*/;
 var match = host.match(regex);
 if (typeof match !== "undefined" && null !== match) host = match[1];
 if (typeof host !== "undefined" && null !== host) {
  var strAry = host.split(".");
  if (strAry.length > 1) {
   host = strAry[strAry.length - 2] + "." + strAry[strAry.length - 1];
  }
 }
 return '.' + host;
}

cookie的介绍

作用就是用于解决 “如何记录客户端的用户信息”:

• 当用户访问 web 页面时，他的名字可以记录在 cookie 中。
• 在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。

属性名	描述
name	Cookie的名称，Cookie一旦创建，名称便不可更改
value	Cookie的值，如果值为Unicode字符，需要为字符编码。如果为二进制数据，则需要使用BASE64编码
expires / maxAge	Cookie失效的时间，单位秒。如果为整数，则该Cookie在maxAge秒后失效。如果为负数，该Cookie为临时Cookie，关闭浏览器即失效，浏览器也不会以任何形式保存该Cookie。如果为0，表示删除该Cookie。默认为-1。
domain	可以访问该Cookie的域名。如果设置为“.study.com”，则所有以“study.com”结尾的域名都可以访问该Cookie。注意第一个字符必须为“.”。
path	Cookie的使用路径。如果设置为“/studyPage/”，则只有contextPath为“/studyPage”的程序可以访问该Cookie。如果设置为“/”，则本域名下contextPath都可以访问该Cookie。注意最后一个字符必须为“/”。
secure	该Cookie是否仅被使用安全协议传输。安全协议。安全协议有HTTPS，SSL等，在网络上传输数据之前先将数据加密。默认为false。
comment	该Cookie的用处说明，浏览器显示Cookie信息的时候显示该说明。
version	Cookie使用的版本号。0表示遵循Netscape的Cookie规范，1表示遵循W3C的RFC 2109规范

document.cookie="username=John Doe; expires=2; domain=.study.com";

cookie中的domain

domain表示的是cookie所在的域，默认为请求的地址，如网址为www.study.com/study，那么domain默认为www.study.com。而跨域访问，如域A为t1.study.com，域B为t2.study.com，那么在域A生产一个令域A和域B都能访问的cookie就要将该cookie的domain设置为.study.com；如果要在域A生产一个令域A不能访问而域B能访问的cookie就要将该cookie的domain设置为t2.study.com。注意：一般在域名前是需要加一个".“的，如"domain=.study.com”。

参考链接：https://blog.csdn.net/Paranoid99/article/details/101015172
参考链接：https://blog.csdn.net/longgege001/article/details/81274088