vue-cookies プラグインを使用して Cookie を操作し、トークンの有効期間を設定します

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. クッキーを設定する

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. クッキーを取得する

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

3. Cookieを削除する

this.$cookies.remove("key")

4. Cookie に指定されたキーがあるかどうかを確認します。

this.$cookies.isKey('key')

5. すべての Cookie を取得する

this.$cookies.keys()