【Vue】获取cookie

Vue获取cookie

1. 背景

• 判断浏览器中某个cookie是否存在，存入isExist参数；
• 若存在获取该cookie对应的 value；
• 通过isExist和value的具体取值向用户返回不同的界面。

2. 实现

• 部分代码如下

created() {
    this.load()
}
methods:{
    load(){
        if (document.cookie.length > 0) {
            let arr = document.cookie.split('; ');//通过; 将数据转成数组，注意：分号+空格，有空格！！
            for(let i=0;i<arr.length;i++){
                let index = arr[i].indexOf("=") //返回第一个“=”所在的位置
                console.log(arr[i].substring(0, index))
                if(arr[i].substring(0,index)==="time"){
                    // name为time的cookie存在
                    this.isExist = true;
                    break
                }
            }
        }
        if (!this.isExist){
            //具体实现 xxxx
        }
    }
}

3. 注意

• document.cookie语句返回的是全部cookie所组成的字符串，中间用 ;[空格] 隔开，例如：

time=Sat May 07 2022 09:35:27 GMT+0800 (中国标准时间); weichen=<微尘>; rbzxdrn=<忍不住想打扰你>

• 因此在进行字符串划分时，应该使用【分号+空格】进行划分。 有空格！空格！空格！

let arr = document.cookie.split('; ');