Javascript设置cookie 之 js-cookie 插件

Cookie，有时也用其复数形式 Cookies，指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端上的数据（通常经过加密）。

安装与引入

1、直接引入

<script src='https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js'>

2、npm 安装引入

npm install js-cookie --save
import Cookies from 'js-cookie'

设置cookie

Cookies.set('name', 'value');
Cookies.set('name_json', {name:'injurys', age:20});
Cookies.set('name', 'value', { expires: 7, path: '/', domain: config.COOKIE_DOMAIN});

以上三种方式都可以进行设置，设置的值如果不是字符串，那么在储存时将自动进行 JSON.stringify。
第三个参数是设置当前cookie的有效期及路径：

expires：设置当前cookie的过期时间，单位为 天。
path：设置当前cookie的有效路径。
domain：设置当前cookie的有效域名。
secure：cookie 传输需要安全协议（HTTPS）。

获取cookie

let res1 = Cookies.get('name');
    'value'
let res2 = Cookies.get('name_json');
    '{"name":"injurys","age":20}'
let res3 = Cookies.getJSON('name_json');
    {name: "injurys", age: 20}

使用 get 方法获取到的是一个字符串，如果你设置的是一个 json 对象，可以使用 getJSON 获取，返回的就是转换格式的对象。

删除cookie

Cookies.remove('name')

删除未存在的cookie不会引发任何异常，也不会返回任何值。

注意：删除cookie时必须传递与设置时一样的 路径（path） 和 域（domain） 属性。