项目场景：


项目相关背景：


vue项目中使用cookie，要求可以在同主站下的不同二级于域名之间项目跳转读取

插件选择:

vue-cookies


//安装
npm install vue-cookies --save

//使用
import Vue from 'Vue'
import VueCookies from 'vue-cookies'
Vue.prototype.$cookies = VueCookies;

//参数
'keyName'：要保存的cookie名  （必须），
'value'：要保存的cookie值  （必须），
'expires'：cookie过期时间，默认 '1d'， 1天，

expires可接受的值: y,m,d,h,min,s（年、月、日、时、分、秒不区分大小写）

'path'：cookie路径，默认根目录 '/'，
'domain'：cookie所在域，默认请求地址，
'secure'：如果secure设置为true，那么这个cookie只能用https协议发送给服务器

//基本用法

//set 设置cookie
this.$cookies.set(keyName,value，expires,path,domain,secure)

//get 获取cookie
this.$cookies.get(keyName)

//isKey 判断是否存在该键值对
this.$cookies.isKey(keyName)    // true or false

//remove 移除cookie
this.$cookies.remove(keyName)

//keys 返回全部cookie keyName
this.$cookies.keys()    //array[keyName1,keyName2...]

！！设置domain遇到的坑:

保存domain的时候一定要确保要保存的路径和当前项目的路径一致，否则cookie就会保存失败

项目在本地运行的时候如果是用的ip访问，domain设置为 localhost 也是跨域导致保存失败