思路
- 進入頁面
- 若未登錄,跳轉至登陸頁面
- 若已登錄,從cookie中獲取用戶信息,並執行後續操作
1. 登錄頁面,存入cookie(setCookie)
import {setCookie,getCookie}from 'src/js/cookieUtil'
methods: {
async cheack_n_p () {
if( this.checkCode === this.pwd) {
this.loginData = await getUserInfo(this.uname, this.pwd, this.adminPhone);
if (this.loginData.res !== 0) {
setCookie('userName',this.uname);
setCookie('userPwd',this.pwd,);
setCookie('phone',this.uname);
setCookie('userId',this.loginData.obj.id);
setCookie('userType',this.loginData.obj.userType);
setCookie('adminPhone',this.adminPhone);
// this.$router.go(-1);
this.$router.replace('/');
} else {
alert("驗證碼錯誤!")
}
}
},
},
2. 頁面判斷
import {setCookie,getCookie}from 'src/js/cookieUtil'
mounted () {
if (this.isLogin==undefined||this.isLogin=="") {
this.$router.replace('/login');
} else {
// 執行後續操作
this.phone = getCookie("phone");
}
},
computed: {
isLogin () {
// return this.$store.getters.getLogin;
this.userId = getCookie("userId");
// console.log(this.userId);
return this.userId;
}
},
3. cookieUtil(setCookie,getCookie)
/**
* Created by Schon on 2018/9/13 0013.
*/
//設置cookie
export function setCookie(key,value) {
var exdate = new Date(); //獲取時間
exdate.setTime(exdate.getTime() + 24 * 60 * 60 * 1000 * 36500); //保存的天數,我這裏寫的是100年
//字符串拼接cookie
window.document.cookie = key + "=" + value + ";path=/;expires=" + exdate.toGMTString();
};
//讀取cookie
export function getCookie(param) {
var c_param = '';
if (document.cookie.length > 0) {
var arr = document.cookie.split('; '); //這裏顯示的格式需要切割一下自己可輸出看下
for (var i = 0; i < arr.length; i++) {
var arr2 = arr[i].split('='); //再次切割
//判斷查找相對應的值
if (arr2[0] == param) {
c_param = arr2[1];
//保存到保存數據的地方
}
}
return c_param;
}
};
function padLeftZero (str) {
return ('00' + str).substr(str.length);
};