js-cookie

使用原生js的API，可能要对cookie进行封装，一般会用js-cookie

下载

  npm install js-cookie

引入

方式1.直接cdn引入：<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

方式2.本地下载：<script src="/path/to/js.cookie.js"></script>

方式3.模块化开发时: import Cookies from 'js-cookie'

cookie常用的参数
name 设置或覆盖参数的名字（string）必须

value 设置参数值（string）必须

path 不填，默认当前文档位置的路径，必须为绝对路径，可选（string ｜ null）

domain 不填，默认当前文档位置的路径的域名部分， 可选（string ｜ null）不填，对话结束时过期，设置过期时间，可设置成过去的时间用于删除cookie，可选（Date.toUTCString()）

secure 可会被https传输， 可选（boolean｜ null）

cookie 存储不太安全可被窃取，将它放在另一个域名或子域名之下，可利用同源策略保护不被读取，可以设置HttpOnly

// 设置cookie值
Cookies.set('name', 'value')
// 设置过期时间 七天后过期
Cookies.set('name', 'value', { expires: 7 })
// 设置过期时间并且只对当前路径有效
Cookies.set('name', 'value', { expires: 7, path: '' })
// 获取设置的cookie
Cookies.get('name')
// 获取所有值
Cookies.get()
// 获某个域名底下的值，如果没有定义，默认为当前文档位置的路径的域名部分
Cookies.get('name', { domain: 'sub.example.com' })
// 删除cookiee
Cookies.remove('name')