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

转载于:https://www.cnblogs.com/zjh-study/p/10650499.html