js-cookie库

https://blog.csdn.net/weixin_49046027/article/details/121123014

https://www.cnblogs.com/gopark/p/13743364.html

简介

js-cookie是一个简单的,轻量级的处理cookies的js API，主要用来处理cookie相关的插件

使用

1. 下载

npm i -D js-cookie

2. 引入

import Cookies from 'js-cookie'

3. 使用

name：cookie的名称

value：cookie对应的值

添加Cookie

默认失效时间为该网站关闭时

Cookies.set(name, value)

时效7天

Cookies.set(name, value, { expires: 7 })

设置路径

Cookies.set(name, value, { path: '' })

value为对象

const obj = { name: 'ryan' }
Cookies.set('user', obj)

获取Cookie

获取指定名称的cookie

Cookies.get(name)

获取value为对象的cookie

// 设置value值为对象的Cookie
const obj = { name: 'ryan' }
Cookies.set('user', obj)

// 获取Cookie值
JSON.parse(Cookies.get('user'))

获取所有cookie

Cookies.get()

删除Cookie

删除指定名称的cookie

Cookies.remove(name)

删除带有路径的cookie

// 方法一：重新设置路径
Cookies.set(name, value, { path: '' })

// 方法二：移除cookie
Cookies.remove(name, { path: '' })