記錄用戶登錄時長，既可以使用local storage實現，然后拿到時間做差，看是否超時；也可以用cookie指定過期時長，這樣我們直接判斷cookie值是否存在就可以了。我選擇的后者，代碼如下：
//設置cookie
var exp = new Date();
exp.getMilliseconds()
exp.setTime(exp.getTime() + 60 * 1000);//過期時間 1分鐘
console.log(exp.toGMTString())
//this.setCookie('isLogin', true, exp.toGMTString())
document.cookie = 'isLogin' + '=' + true + ';expires=' + exp.toGMTString();
//此處賦值的是世界時間，和我國的時間差8小時，不過千萬不要把這8小時加上，直接賦值指定時長就好
//獲取cookie，可以用js-cookie
import Cookies from 'js-cookie';
updated() {
if (!Cookies.get('isLogin')) {
this.$store.dispatch("setSignOut")//清空用戶登錄信息
this.$router.push({
name: 'login'//跳到登錄頁
});
}
},
activated() {
if (!Cookies.get('isLogin')) {
this.$store.dispatch("setSignOut")
this.$router.push({
name: 'login'
});
}
},
//因為沒有統一的入口，所以我在首頁的updated和activated中添加的判斷，并沒有在每個頁面都加，感覺沒必要
//還可以用這種方式獲取cookie，不需要導包了
function getCookie(cname){
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i].trim();
if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
}
return "";
}
哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業制作大氣、美觀的優秀網站，并且能夠搭建符合百度排名規范的網站基底，使您的網站無需額外費用，即可穩步提升排名至首頁。歡迎體驗最佳的哈爾濱網站建設。