js-cookie使用方法

js-cookie使用方法

js-cookie用来处理cookie相关的插件，非常简单好用，下面简单记录一下：

1、项目中引用：

npm install --save js-cookie

2、js-cookie的使用：

安装好js-cookie插件后，在我们需要处理cookie的地方，简单的通过import引入就可以使用了

import Cookies from 'js-cookie'

3、js-cookie的増、查、删

添加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失效。

获取cookie

// 获取指定名称的cookie
Cookies.get(name) // value

// 获取value为对象的cookie
const obj = { name: 'ryan' }
Cookies.set('user', obj)
JSON.parse(Cookies.get('user'))

// 获取所有cookie
Cookies.get()

获取cookie时，如果cookie中不存在该名称对应的记录，则会返回undefined。当value为对象时，获取的cookie需要通过JSON.parse()解析

删除cookie

// 删除指定名称的cookie
Cookies.remove(name) // value

// 删除带有路径的cookie
Cookies.set(name, value, { path: '' })
Cookies.remove(name, { path: '' })

删除带有路径path的cookie时，不能通过简单的Cookies.remove(name)进行删除，需要带上路径

参考文献：

[1] Cookie的使用（js-cookie插件）
[2] js-cookie