首先需要安装依赖,执行以下命令:
npm install vue-cookies --save
然后需要全局引用,在main.js中加入 以下代码:
import Vue from 'Vue'import VueCookies from 'vue-cookies'Vue.use(VueCookies)
设置全局配置,设置cookie过期时间和url
this.$cookies.config(expireTimes[,path]) // default: expireTimes = 1d , path=/
// 30天后过期
this.$cookies.config('30d')
this.$cookies.config(new Date(2019,03,13).toUTCString())
this.$cookies.config(60 * 60 * 24 * 30,'');
// window object
window.$cookies.config('30d')
this.$cookies.set("token","GH1.1.1689020474.1484362313","60s"); // 60秒后过去
this.$cookies.set("token","GH1.1.1689020474.1484362313","30MIN"); // 30分钟后过去
this.$cookies.set("token","GH1.1.1689020474.1484362313","24d"); // 24天后过期
this.$cookies.set("token","GH1.1.1689020474.1484362313","4m"); // 4个月后过期
this.$cookies.set("token","GH1.1.1689020474.1484362313","16h"); // 16小时后过期
this.$cookies.set("token","GH1.1.1689020474.1484362313","3y"); // 3年后过期
set cookie
this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure]]]])
get cookie
this.$cookies.get(keyName) // return value
delete cookie
this.$cookies.remove(keyName [, path [, domain]]) // return this
检查 cookie name是否存在
this.$cookies.isKey(keyName) // return false or true
获取所有 cookie name,以数组形式返回
this.$cookies.keys() // return a array
记录操作cookie的一次,希望对其他朋友有帮助。