vue 项目中踩过的坑

1.不一样域名之间cookies跨域问题(单点登录)

在作项目规划的时候没有注意cookies共享；
先后台项目须要共享用户登录状态发现不一样域名下cookies不能共享
cookies又个domain属性；给cookies

export function cookiesSet(name, value) {
  return Cookies.set(name, value, { domain: '域名.com', path: '/' })
}

一、Cookie的属性

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

document.cookie = "username=1XXXXXX;path=/;domain=.yXXXXX.com"

2.所谓的单点登陆
是指用户在一个站点如www.yxxx.com登陆后切换到另外一个站点console.yxxx.com时也自动 被console的Server判断为已经登陆，反过来，只要用户在console.yxxx.com登出后，切换到 www.yxxxx.com时后www的Server也会判断到这一用户已经登出。

3.Cookie的Domain属性
咱们重点说一下这个Domain属性。通常在实现单点登陆的时候会常常用到这个属性，经过在父级域设置Cookie，而后在各个子级域拿到存在父级域中的Cookie值。好比刚才设置的username属性，在yXXX.com下一样能够访问到，用户不用从新登陆就能够拿到第一次登陆进来时候的用户信息，由于这些用户信息都是存在父级域".yxxxx.com"下面，其余页面也能够拿到。