vue cookie

Posted 2021-02-06 shifeng-

使用js-cookie依赖包

更多参考：https://www.npmjs.com/package/js-cookie

1. 安装

     cnpm install js-cookie --save

2. 使用

     import cookies from 'js-cookie'
   
     // 设置cookie
     cookies.set('name', 'value')
     cookies.set('name', 'value', { expires: days })
   
     // 获取cookie
     cookies.get('name')
   
     // 删除cookie
     cookies.remove('name')

自己封装cookie的操作方法

1. 建立cookie.js

   // 获取cookie
   export function getCookie(key) {
     var arr = []
     var reg = new RegExp('(^| )' + key + '=([^;]*)(;|$)')
     arr = document.cookie.match(reg)
     if (arr) {
       return decodeURIComponent(arr[2])
     } else {
       return null
     }
   }
   
   // 设置cookie
   export function setCookie(key, value, expiredays) {
     var expires = new Date()
     expires.setDate(expires.getDate() + expiredays)
     document.cookie =
       key +
       '=' +
       encodeURIComponent(value) +
       (expiredays ? ';expires=' + expires.toGMTString() : '')
   }
   
   // 删除cookie
   export function delCookie(key) {
     var expires = new Date()
     expires.setTime(expires.getTime() - 1)
     var value = getCookie(key)
     if (value != null) {
       document.cookie = key + '=' + value + ';expires=' + expires.toGMTString()
     }
   }

2. 使用

   import { getCookie, setCookie, delCookie } from './cookie.js'
   
   setCookie(key, value, expiredays)
   getCookie(key)
   delCookie(key)