js-cookie库

js-cookie库是关于cookie存储,一个js的API.

github解释

• 适用于所有浏览器
• 接受任何字符
• 大量测试
• 无依赖性
• 支持 ES 模块
• 支持 AMD/CommonJS
• 符合RFC 6265
• 有用的维基
• 启用自定义编码/解码
• < 800 字节gzip 压缩！

安装

npm i js-cookie

import Cookies from 'js-cookie'

Cookies.set('key', 'value');  //创建简单的cookie
Cookies.set('key', 'value', { expires: 27 });//创建有效期为27天的cookie
Cookies.set('key', 'value', { expires: 17, path: ''  }); //可以通过配置path,为当前页创建有效期17天的cookie

Cookies.get('key'); // 获取指定key 对应的value

Cookies.remove('key');//删除普通的cookie
Cookies.remove('name', { path: '' }); // 删除存了指定页面path的cookie

// 将 js-cookie 分配给不同的变量并恢复原始的Cookies 
var Cookies2 = Cookies.noConflict()
Cookies2.set('name', 'value')

//1.
Cookies.set('name', 'value', { domain: 'subdomain.site.com' })
Cookies.get('name') // => undefined (need to read at 'subdomain.site.com')

//2.
Cookies.set('name', 'value', { path: '' })
Cookies.remove('name') // fail!
Cookies.remove('name', { path: '' }) // removed!

//3.
//例如设成".hanj.com"则在.hanj.com下的所有服务器下的文件都可以调用cookie，在hanj的所有子域名下都可以访问，实现跨站点通信
Cookies.set("token", "value", { domain: '.guohua.com' });

//注意：通过domain设置的cookie清除的时候也必须使用domain清除
Cookies.remove("token", { domain: '.guohua.com' });

注意：如果存的是对象，如： userInfo = {age:21,score:99};  Cookie.set('userInfo',userInfo)

取出来的userInfo需要进行JSON的解析,解析为对象：let res = JSON.parse( Cookie.get('userInfo') );

可以使用：Cookie.getJSON('userInfo');