设置,读取cookie的方法
2019-12-15 本文已影响0人
简约酒馆
因为cookie读取需要通过域名来的,需要使用服务器来运行,我这里使用vue脚手架来运行的
<template>
<div id="app">
<img src="./assets/logo.png">
<router-view/>
</div>
</template>
<script>
export default {
name: 'App',
mounted(){
////封装设置cookie方法 设置cookie需要名 值 生命周期 生命周期是毫秒来计算的
function setCookie(name,value,time) {
//获取当前的系统时间
var exp=new Date();
//设置到期时间=当前系统时间转换成毫秒 + 到期时间的time天数 转化成毫秒数
exp.setTime(exp.getTime()+time*24*60*60*1000);
// 设置cookie
document.cookie=name+"="+encodeURIComponent(value)+";expries"+exp.toUTCString()+";path=/";
}
//调用方法传递参数 进行cookie设置
setCookie("username","张三",7)
//==========封装读取cookie的方法
function getCookie(name){
//读取cookie字符(match方法使用正则)从|开始+name+=到;或$结束得到信息
var arr=document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr!=null) return decodeURIComponent(arr[2]);
return null
}
console.log(getCookie("username"))
}
}
</script>
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>