🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 前言 前端少不了要和cookie打交道,一般我们的用户登录信息以及一些摘要信息都会存到cookie中,并且可能会以http头的形式携带发给后端进行验证。那么在npm模块中已经有人封装好了对应的js-cookie的模块,我们可以进行简单的使用。 ## 介绍 这个模块的兼容性还是可以的,推荐使用,比较主流的使用模块。 ### 模块地址 [js-cookie模块地址](https://npm.taobao.org/package/js-cookie) ### 兼容性 ![浏览器兼容性](https://box.kancloud.cn/3f12de907b158be4252ff8a3c6d4d8ad_994x400.png) ### 基本使用安装 1 npm模块方式 cnpm i js-cookie --save 2 cdn文件 `<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>` ### 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等字段,详细的请参考官方的模块介绍。