使用 vue-cookies 插件操作cookie,设置token有效期

1、使用插件 vue-cookies 安装

npm install vue-cookies --save

2、全局引入，在项目文件中的main.js中设置

// vue-cookies配置
import cookies from 'vue-cookies';
 
// vue2中的设置方式
Vue.prototype.$cookies = cookies;
 
// vue3中的设置方式
app.config.globalProperties.$cookies=cookies;

3、使用示例

时间单位：

//不写过期时间，默认为1天过期
this.$cookies.set("token","123456")
 
// 1天过期，忽略大小写
this.$cookies.set("token","12346","1d")
this.$cookies.set("token","123456","1D")
// 以秒为单位，设置1天过去
this.$cookies.set("token","123456",60 * 60 * 24)
 
// 填写Date对象，明确指定过期时间
this.$cookies.set("token","123456", new Date(2020, 10, 01))
 
// 填写一个时间字符串，指定过期时间
this.$cookies.set("token","123456", "Sat, 13 Mar 2017 12:25:57 GMT")
 
//浏览器会话结束时过期
this.$cookies.set("token","input_value","0");
 
//永不过期
this.$cookies.set("token","input_value",-1); 

4、常用示例

 1、设置cookies

this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure]]]])   //return this
 
// 简洁使用
this.$cookies.set('key','value', '过期时间,按秒计');
 
// 示例
this.$cookies.set('username',response.data.username, '7d');

2、获取cookies

this.$cookies.get('key')       // return value

3、删除cookies

this.$cookies.isKey('key')

4、判断cookies中是否有指定的key

this.$cookies.isKey('key')

5、获取所有的cookies

this.$cookies.keys()

6.过期时间

this.$cookies.set('cookieName', 'cookieValue', 1200); // 1200 秒 = 20 分钟
Vue.cookie.set('myCookie', 'value', '20m'); // 设置20分钟后过期