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

Posted 2021-12-17 lwming

最近使用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 官方文档