js-cookie
最后更新于:2022-04-02 05:29:29
## 前言
前端少不了要和cookie打交道,一般我们的用户登录信息以及一些摘要信息都会存到cookie中,并且可能会以http头的形式携带发给后端进行验证。那么在npm模块中已经有人封装好了对应的js-cookie的模块,我们可以进行简单的使用。
## 介绍
这个模块的兼容性还是可以的,推荐使用,比较主流的使用模块。
### 模块地址
[js-cookie模块地址](https://npm.taobao.org/package/js-cookie)
### 兼容性
![浏览器兼容性](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/3f12de907b158be4252ff8a3c6d4d8ad_994x400.png)
### 基本使用安装
1 npm模块方式
cnpm i js-cookie --save
2 cdn文件
``
### api
~~~
//设置键值对
Cookies.set('name', 'value');
//设置7天有效期
Cookies.set('name', 'value', { expires: 7 });
//设置键值对日期以及路径
Cookies.set('name', 'value', { expires: 7, path: '' });
//读取
Cookies.get('name'); // => 'value'
Cookies.get('nothing'); // => undefined
//读取所有存储值
Cookies.get(); // => { name: 'value' }
//删除某存储
Cookies.remove('name');
//删除匹配某个路径的值
Cookies.set('name', 'value', { path: '' });
Cookies.remove('name'); // fail!
Cookies.remove('name', { path: '' }); // removed!
~~~
### json支持
支持存储以及取json类型的内容。
~~~
//存储
Cookies.set('name', { foo: 'bar' });
//读取
Cookies.getJSON('name'); // => { foo: 'bar' }
Cookies.getJSON(); // => { name: { foo: 'bar' } }
~~~
## 其他
也支持设置domain,secure等字段,详细的请参考官方的模块介绍。
';