Vue – 操作Cookies插件使用

简介

本文介绍一款简单易用的用于Vue操作Cookies的插件 - vue-cookie

使用说明

安装依赖

npm install vue-cookie --save

导入到Vue中

main.js

import cookie from 'vue-cookie'
//创建本地cookie
Vue.prototype.$cookie = cookie

在组件中使用

使用 set 方法增加 cookie 项

create(){ 
    this.$cookie.set('token', "asdasd")
 }

 使用 get 方法取得 cookie 项

mouted(){
     this.$cookie.get('token') 
}

 使用 delete 方法删除 cookie 项

destory(){ 
    this.$cookie.delete('token')
 }

设置到期时间

//填的值1d为一天,1h为一小时,1min为一分钟,1s为1秒
this.$cookies.config('固定时间') 

//指定时间
this.$cookies.config(new Date(2020, 12, 1))
this.$cookies.config("Sat, 13 Mar 2017 12:25:57 GMT")

//不写过期时间，默认为1天过期
this.$cookies.set("user_session", "25j_7Sl6xDq2Kc3ym0fmrSSk2xV2XkUkX")

cookie与session结合使用

服务器生成的sessionid给前端，前端浏览器用cookie把sessionid存储下来 ,接下来每次请求都携带这个cookie就可以进行检验了