vue中cookie操作分享

vue 获取cookie、设置cookie方式

文件名cookieUtils.js

//设置cookie
    /**
    * 设置cookie
    * name cookie的名称
    * value cookie的值
    * day cookie的过期时间
    */
export const setCookie = function (name, value, day) {

        if (day !== 0) { //当设置的时间等于0时，不设置expires属性，cookie在浏览器关闭后删除
            var curDate = new Date();
            var curTamp = curDate.getTime();
            var curWeeHours = new Date(curDate.toLocaleDateString()).getTime() - 1;
            var passedTamp = curTamp - curWeeHours;
            var leftTamp = 24 * 60 * 60 * 1000 - passedTamp;
            var leftTime = new Date();
            leftTime.setTime(leftTamp + curTamp);
            document.cookie = name + "=" + escape(value) + ";expires=" + leftTime.toGMTString();
        } else {
            document.cookie = name + "=" + escape(value);
        }
    }
/**
 * 获取cookie
 */
export const getCookie = function (name) {
    var arr;
    var reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
    if (arr = document.cookie.match(reg))
        return unescape(arr[2]);
    else
        return null; ocument.cookie = name + "=" + escape(value);
    }

使用cookieUtils的方式

1. 导入cookieUtils组件

   import { setCookie,getCookie } from '../config/cookieUtils'
   

2. 使用

   //设置cookie
   setCookie("token","sadasdsa",0);
   //获取cookie里面的值
   getCookie("token")//结果：sadasdsa