Vue set-cookie 用于在 Vue 應用程序中設置 Cookie。Cookie 是一種保存在訪問者計算機或手機上的信息文件,可通過瀏覽器存儲并隨后發送給服務器。Vue set-cookie 是一種方便的方式,允許在客戶端上設置 Cookie。
// 設置 cookie Vue.$cookies.set('key', 'value', 7) // 獲取 cookie let value = Vue.$cookies.get('key') // 刪除 cookie Vue.$cookies.remove('key')
設置 cookie 的基本語法是:
- key:cookie 名稱
- value:cookie 值
- time:cookie 過期時間,以天為單位
// 將 cookie 存儲在指定的路徑中 Vue.$cookies.set('key', 'value', 7, { path: '/admin' }) // 設置 httponly 屬性 Vue.$cookies.set('key', 'value', 7, { httponly: true }) // 設置 secure 屬性 Vue.$cookies.set('key', 'value', 7, { secure: true })
Cookie 可以存儲在指定的路徑中、帶有 httponly 屬性、帶有 secure 屬性。可以通過VUE_APP_COOKIE_PATH
環境變量來設置路徑,通過VUE_APP_COOKIE_DOMAIN
設置域名。
如果需要從后端獲取 cookie,可以使用Cookies
庫。以下是示例代碼:
import cookies from 'js-cookie' cookies.set('key', 'value') let value = cookies.get('key') cookies.remove('key')
這是一個方便的方式,可以從客戶端獲取并設置 cookie,同時又不需要在客戶端和服務器之間進行額外的通信。Vue set-cookie 是很多開發者使用的一種方便的工具。在 Vue 應用程序中使用它可以方便地設置和管理 Cookie。
下一篇csv跟json