我們用js-cookie這款插件來設置cookie,比較方便,可以自行查看文檔。
js-cookie 的示例中只有以天爲單位的有效期:
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 秒後失效
貼上利用js-cookie的封裝, 記得 npm i js-cookie
import Cookies from 'js-cookie' /* * 設置cookies * */ export function getCookies (key) { return Cookies.get(key) } /* * 設置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) }