vue-cookies

记一次vue-coookies (使用的是1.5.13版本)

1.安装

cnpm i vue-cookies --save

2.使用

在main.js中引入

import Vue from 'vue'

import VueCookies from 'vue-cppkies'

Vue.use(VueCookies )

语法格式：

[ this | Vue | window ].$cookies.[ method ]

方法：

一.$cookies.config(expireTimes [,path])
默认expireTimes为1d，path=/
指定时间
this.$cookies.config(new Date(2020,12,1))
this.$cookies.config("Sat, 13 Mar 2017 12:25:57 GMT")
//若是是乘法
this.$cookies.config(60*60) //是60s*60s依次类推
//若是是单单空数组
this.$cookies.config(60) //也是60S
复制代码

二.$cookies.set(key,value[,expireTimes[,path[,domain[,secure]]]])
参数说明：
key:cookie名字($cookie key name Cannot be to ['expire','max-age','path','domain','secure'])
value:cookie值,(vue-cookie会自动把对象转换成JSON)
expireTimes：cookie有效时间，默认为1d.(能够为到期时间点，也能够为有效时间段，在vue-cookies中传入Infinity||-1被认该cookie永久有效，传入'0'则关闭浏览器的时候销毁cookie)
path: cookie所在目录，默认 '/' 根目录（设置path: '/projectName'指定项目名下'/projectName'使用）
domain: cookie所在的域，默认为请求地址
secure: Secure属性是说若是一个cookie被设置了Secure=true，那么这个cookie只能用https协议发送给服务器，用http协议不发送
复制代码

三.$cookies.get('key');   //return value 获取指定cookie的值
复制代码

四.$cookies.remove('key',[,path[,domain]]); // return false or true; 删除cookie
复制代码

五.$cookie.isKey('key');  // return true or false  是否有cookie
复制代码

六.$cookies.keys(); // return ['key','key'...],列出全部cookie
复制代码

注意点： $cookies的关键名称不能设置成['expires'，'max-age'，'path'，'domain'，'secure']

遇到的问题：

登陆成功后服务端将用户登陆信息加密后，写入浏览的cookie中。
可是在退出登陆的时候，想着直接删除就行了使用this.$cookies.remove('key'),并无把指定的cookie值给删除掉。
因为cookie是服务端进行写入的只能进行设置，网站使用的是二级域名，因此this.$cookies.set('key','',-1,'.domain.com')。
复制代码