該插件解決了原生js操作cookie的麻煩

js-cookie使用方法

js-cookie用來處理cookie相關的插件，非常簡單好用，下面簡單記錄一下：

1、項目中引用：

npm install --save js-cookie

2、js-cookie的使用：

安裝好js-cookie插件后，在我們需要處理cookie的地方，簡單的通過import引入就可以使用了

import Cookies from 'js-cookie'

3、js-cookie的増、查、刪

添加cookie

// 創建一個名稱為name，對應值為value的cookie，由于沒有設置失效時間，默認失效時間為該網站關閉時 Cookies.set(name, value)// 創建一個有效時間為7天的cookie Cookies.set(name, value, { expires: 7 })// 創建一個帶有路徑的cookie Cookies.set(name, value, { path: '' })// 創建一個value為對象的cookie const obj = { name: 'ryan' } Cookies.set('user', obj)

需要注意的是，通過Cookies.set(name, value)添加cookie時，即使添加時的value值類型為number，添加后獲取到的value值的類型會被轉換成string類型。

cookie添加后，所有的請求接口都會自動帶上cookie值，如果沒有設置cookie的失效時間，默認就是該網站關閉時cookie失效。

獲取cookie

// 獲取指定名稱的cookie Cookies.get(name) // value// 獲取value為對象的cookie const obj = { name: 'ryan' } Cookies.set('user', obj) JSON.parse(Cookies.get('user'))// 獲取所有cookie Cookies.get()

獲取cookie時，如果cookie中不存在該名稱對應的記錄，則會返回undefined。當value為對象時，獲取的cookie需要通過JSON.parse()解析

刪除cookie

// 刪除指定名稱的cookie Cookies.remove(name) // value// 刪除帶有路徑的cookie Cookies.set(name, value, { path: '' }) Cookies.remove(name, { path: '' })

刪除帶有路徑path的cookie時，不能通過簡單的Cookies.remove(name)進行刪除，需要帶上路徑

參考文獻：

Cookie的使用（js-cookie插件）
js-cookie

總結

以上是生活随笔為你收集整理的js-cookie使用方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。