js-cookie
是用来处理cookie
的插件
安装插件
npm install --save js-cookie
1. 使用引用
安装好js-cookie
插件后,在我们需要处理cookie
的地方,简单的通过import
引入就可以使用了
import Cookies from 'js-cookie'
2. 1 js-cookie的设置
// 创建一个名称为name,对应值为value的cookie,由于没有设置失效时间,默认失效时间为该网站关闭时
Cookies.set(name, value)
// 创建一个有效时间为7天的cookie
Cookies.set(name, value, { expires: 7 })
// 创建一个带有路径的cookie
Cookies.set(name, value, { path: '' })
// 创建一个value为对象的cookie
const obj = { name: 'ryan' }
Cookies.set('user', obj)
通过Cookies.set(name, value)添加cookie时,即使添加时的value值类型为number,添加后获取到的value值的类型会被转换成string类型。
cookie添加后,所有的请求接口都会自动带上cookie值,如果没有设置cookie的失效时间,默认就是该网站关闭时cookie失效。
2. 2 js-cookie的设置获取
// 获取指定名称的cookie
Cookies.get(name) // value
// 获取value为对象的cookie
const obj = { name: 'ryan' }
Cookies.set('user', obj)
JSON.parse(Cookies.get('user'))
// 获取所有cookie
Cookies.get()
2. 3 js-cookie的删除
// 删除指定名称的cookie
Cookies.remove(name) // value
// 删除带有路径的cookie
Cookies.set(name, value, { path: '' })
Cookies.remove(name, { path: '' })
删除带有路径path的cookie时,不能通过简单的Cookies.remove(name)进行删除,需要带上路径