npm install js-cookie
import Cookies from "js-cookie";

import Cookies from "js-cookie";

// 寫入cookie
Cookies.set('name', 'value')
// 讀取
Cookies.get('name') // => 'value'
Cookies.get('nothing') // => undefined
// 讀取所有可見的cookie
Cookies.get()
// 刪除某項(xiàng)cookie值
Cookies.remove('name')

在main.js引入
import Cookies from "js-cookie";

//1、存cookie  
/*
	set方法支持的屬性有 ：  expires->過期時(shí)間 
					       path->設(shè)置為指定頁(yè)面創(chuàng)建cookie
					       domain-》設(shè)置對(duì)指定域名及指定域名的子域名可見
					       secure->值有false和true,表示設(shè)置是否只支持https,默認(rèn)是false
*/
//創(chuàng)建簡(jiǎn)單的cookie
Cookies.set('key', 'value');  
//創(chuàng)建有效期為27天的cookie
Cookies.set('key', 'value', { expires: 27 });
//可以通過配置path,為當(dāng)前頁(yè)創(chuàng)建有效期7天的cookie
Cookies.set('key', 'value', { expires: 17, path: ''  }); 
//2、取cookie
// 獲取指定key 對(duì)應(yīng)的value
Cookies.get('key'); 
//獲取所有value
Cookies.get(); 
//3、刪除cookie
//刪除普通的cookie
Cookies.remove('key');
// 刪除存了指定頁(yè)面path的cookie
Cookies.remove('name', { path: '' });

Cookies.get('name'); // => '{"myName":"bo"}'
Cookies.get(); // => { name: '{"myName":"bo"}' }
//-------------------------------------------------------//
Cookies.getJSON('name'); // => { myName: 'bo' }
Cookies.getJSON(); // => { name: { myName: 'bo' } }

//export拋出
export function setLocalStorageAndTime (key, value) {
 window.localStorage.setItem(key, JSON.stringify({ data: value, time: new Date().getTime() }))
}

export function getLocalStorageAndTime (key, exp = 86400000) {
 // 獲取數(shù)據(jù)
 let data = window.localStorage.getItem(key)
 if (!data) return null
 let dataObj = JSON.parse(data)
 // 與過期時(shí)間比較
 if (new Date().getTime() - dataObj.time > exp) {
  // 過期刪除返回null
  removeLocalStorage(key)
  console.log('信息已過期')
  return null
 } else {
  return dataObj.data
 }
}

存儲(chǔ)
setLocalStorageAndTime('XXX', {name: 'XXX'})
判斷是否返回為null或者失效
getLocalStorageAndTime('XXX', 86400000)

Cookies.set('name', 'value', { expires: 7 }); // 7 天后失效

let seconds = 10;
let expires = new Date(new Date() * 1 + seconds * 1000);
Cookies.set('username', 'tanggaowei', { expires: expires }); // 10 秒后失效

import Cookies from 'js-cookie'
/*
* 設(shè)置cookies
* */
export function getCookies (key) {
 return Cookies.get(key)
}
/*
* 設(shè)置Cookies
* */
export function setCookies (key, value, expiresTime) {
 let seconds = expiresTime
 let expires = new Date(new Date() * 1 + seconds * 1000)
 return Cookies.set(key, value, { expires: expires })
}
/*
* 移除Cookies
* */
export function removeCookies (key) {
 return Cookies.remove(key)
}

maxAge：一個(gè)數(shù)字，表示自Date.now()到期起的毫秒數(shù)
expires：一個(gè)Date對(duì)象，指示cookie的過期日期（默認(rèn)在會(huì)話結(jié)束時(shí)過期）。默認(rèn)：天
path：一個(gè)字符串，指示cookie的路徑（/默認(rèn)情況下）。 domain：一個(gè)字符串，指示cookie的域（無默認(rèn)值）。
secure：一個(gè)布爾值，指示cookie是否僅通過HTTPS發(fā)送
		（false默認(rèn)情況下，對(duì)于HTTP，true默認(rèn)情況下，對(duì)于HTTPS）。在下面閱讀有關(guān)此選項(xiàng)的更多信息。
		 httpOnly：一個(gè)布爾值，指示cookie是否僅通過HTTP（S）發(fā)送，
		 并且不提供給客戶端JavaScript（true默認(rèn)情況下）。
sameSite：布爾值或字符串，指示cookie是“相同站點(diǎn)” cookie（false默認(rèn)情況下）。
			可以將其設(shè)置為'strict'，‘lax'或true（映射到'strict'）。
signed：一個(gè)布爾值，指示是否要對(duì)cookie進(jìn)行簽名（false默認(rèn)情況下）。
		如果為真，.sig則還將發(fā)送另一個(gè)具有后綴的同名Cookie，
		其27字節(jié)的url安全base64 SHA1值表示針對(duì)第一個(gè)Keygrip密鑰的cookie-name=cookie-value的哈希值。
		此簽名密鑰用于檢測(cè)下次接收cookie時(shí)的篡改。
overwrite：一個(gè)布爾值，指示是否覆蓋以前設(shè)置的同名Cookie（false默認(rèn)情況下）。
			如果是這樣，則在設(shè)置此Cookie時(shí)，將從相同名稱的同一個(gè)請(qǐng)求中設(shè)置的所有Cookie
			（無論路徑或域如何）都從Set-Cookie標(biāo)頭中過濾掉。