关于js-cookie使用出现兼容性问题以及js-cookie的如何使用

最近使用vue开发的项目，开发过程引入了js-cookie插件，在PC端以及移动端网页调试都没出现问题，但是打包成APP在安卓手机调试发现使用js-cookie保存的数据失效了，然后只能使用localStorage解决就OK了。

以下顺便记录下js-cookie的使用方法：

一、安装

npm install js-cookie --save

二、引用

import Cookies from 'js-cookie'

三、一般使用

    1.存到Cookie去

// 创建一个在整个网站上有效的Cookie： Cookies.set('name', 'value'); // 创建一个从现在起7天后过期的cookie，在整个站点上有效： Cookies.set('name', 'value', { expires: 7 }); // 创建一个过期的cookie，对当前页面的路径有效： Cookies.set('name', 'value', { expires: 7, path: '' });

2.在Cookie中取出

// 读取 cookie: Cookies.get('name'); // => 'value' Cookies.get('nothing'); // => undefined // 阅读所有可见的cookie: Cookies.get(); // => { name: 'value' }

3.删除Cookies

// 删除 cookie: Cookies.remove('name'); // 删除对当前页面的路径有效的cookie: Cookies.set('name', 'value', { path: '' }); Cookies.remove('name'); // fail! Cookies.remove('name', { path: '' }); 

四、特殊使用（在Cookie中存对象）

跟一般使用不同的是，从Cookie中取出的时候，要从字符串转换成json格式：

//建立
Cookies.set('name', { foo: 'bar' });

//获取
Cookies.get('name'); // => '{"foo":"bar"}'
Cookies.get(); // => { name: '{"foo":"bar"}' } Cookies.getJSON('name'); // => { foo: 'bar' }
Cookies.getJSON(); // => { name: { foo: 'bar' } }

参考：

js-cookie 官方文档