vue-cli -- cookie使用

一、設置cookie方法

// 設置cookie
// Name => 本例中是用戶名，可以是其他任意值
// Pwd => 本例中是密碼，可以是其他任意值
// KeepTime => 保存登陸狀態的時間，也就是過期時間
export function setCookie (Name, Pwd, KeepTime) {
  // 登陸時間
  var loginTime = new Date()
  // 設置保存時間
  loginTime.setTime(loginTime.getTime() + 24 * 60 * 60 * 1000 * KeepTime)
  // 設置過期時間
  var expires = 'expires=' + loginTime.toGMTString()
  // 字符串拼接cookie
  window.document.cookie = 'username=' + Name + ';path=/home' + expires
  window.document.cookie = 'password=' + Pwd + ';path=/home' + expires
}

二、獲取cookie方法

// 獲取cookie
export function getCookie () {
  if (document.cookie.length > 0) {
    // 獲取cookie數組
    let cArr = document.cookie.split(';')
    cArr.forEach((item, index) => {
      var newArr = item.split('=')
      if (newArr[0] === 'username') {
        this.ruleForm.username = newArr[1]
      } else if (newArr[0] === 'password') {
        this.ruleForm.password = newArr[1]
      }
    })
  }
}

三、清除cookie方法

export function clearCookie () {
  this.setCookie('', '', -1)
}

在登錄頁引入方法

import {getCookie, setCookie, clearCookie} from '../util/cookie.js'

允許請求攜帶cookie

axios.defaults.withCredentials=true