设置,读取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>

上一篇下一篇

猜你喜欢

热点阅读