vue 获取cookie、设置cookie方式

文件名cookieUtils.js

javascript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
//设置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组件
    javascript
    1
    import { setCookie,getCookie } from '../config/cookieUtils'
  2. 使用
    javascript
    1 2 3 4
    //设置cookie
    setCookie("token","sadasdsa",0);
    //获取cookie里面的值
    getCookie("token")//结果:sadasdsa