vue 缓存组件 js-cookie

文章发布于 2023-06-21

js-cookie 是一个简单的、轻量的用于处理cookie的javascriptAPI。

  • 适用于所有的浏览器
  • 没有依赖
  • 支持ES模块
  • 支持 AMD/CommonJS模块
  • 压缩之后小于800字节

安装

提供几种安装方法:

npm

npm i js-cookie

CDN

//使用bootcdn
https://cdn.bootcdn.net/ajax/libs/js-cookie/latest/js.cookie.min.js

参数

expires 过期时间。不设置cookie,则关闭浏览器会删除cookie
path cookie 存放路径。
domain 一个字符串,指示 Cookie 应该可见的有效域。Cookie 对于所有子域也是可见的。
secure 指示 Cookie 传输是否需要安全协议(https)
sameSite 允许控制浏览器是否正在发送 Cookie 以及跨站点请求

统一设置cookie参数

const api = Cookies.withAttributes({
  path: '/',
  secure: true
})
api.set('key','value')

基本用法

设置cookie。
Cookies.set('name', 'value')
设置cookie有效期
Cookies.set('name', 'value', { expires: 7 })
获取cookie
Cookies.get('name') 
删除cookie
Cookies.remove('name')