1. 程式人生 > >vue問題記錄(二):cookie實現三天內免登陸,以及記住使用者名稱密碼等

vue問題記錄(二):cookie實現三天內免登陸,以及記住使用者名稱密碼等

首先,我們是要在自己的專案目錄下面建立一個資料夾,如下圖

專案目錄

,然後就在我標記的地方,寫關於cookie的方法,獲取cookie,設定,清除等,如下圖
這裡寫圖片描述

程式碼如下,方便拷貝


     //獲取cookie、
     export function getCookie(name) {
        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
        if (arr = document.cookie.match(reg))
        return (arr[2]);
        else
return null; } //設定cookie,增加到vue例項方便全域性呼叫 export function setCookie (c_name, value, expiredays) { var exdate = new Date(); exdate.setDate(exdate.getDate() + expiredays); document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires="
+ exdate.toGMTString()); }; //刪除cookie export function delCookie (name) { var exp = new Date(); exp.setTime(exp.getTime() - 1); var cval = getCookie(name); if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString(); };

寫好了,這些就開始使用了,先看一下我的登入頁面哈,大同小異
這裡寫圖片描述

直接看程式碼吧:
這裡寫圖片描述

就這些了,沒了,記錄一下,方便自己日後查閱