關於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 官方文檔