使用 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.remove("key")

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

this.$cookies.isKey('key')

5、获取所有的cookies

this.$cookies.keys()