localStorage實現7天登入過期

實現原理：存localStorage比較初始登入時存在快取的時間戳和現在進入頁面的時間戳，然後用sessionStorage去判斷不勾選但是登入了的狀態

精簡版

function isPastDue() {
  // 過期時間7天
  var time = 604800000;  //1000*60*60*24*7;
  var storage = window.localStorage;
  var oldTimestamp = storage.getItem('timestamp');//以前存的時間戳
  if (oldTimestamp){
    var nowTimestamp = new Date().getTime();//當前時間戳
    // 如果當前時間戳> 前面存的時間戳+過期時間 表示已經過期
    var sumTimestamp = timestamp + time;
    if (nowTimestamp > sumTimestamp) {
      storage.clear();
    }
  }
}
 

完整版：

//1、點選了登入成功後的回撥函式裡
var localStorage = window.localStorage;
          var sessionStorage = window.sessionStorage;
          var userInfo = res.data.data[0];
          if(that.checkBox){//如果勾選了7天
            localStorage.setItem("timestamp", new Date().getTime());
            sessionStorage.setItem('greenPath',1);
          }else{
            sessionStorage.setItem('greenPath',0);
          }

//2、在main.js的router.beforeEach裡

// 7天登入
function isPastDue() {
  // 過期時間7天
  var time = 604800000;  //1000*60*60*24*7;
  var storage = window.localStorage;
  if (storage.getItem('timestamp')){
    var oldTimestamp = storage.getItem('timestamp');//以前存的時間戳
    var nowTimestamp = new Date().getTime();//當前時間戳
    // 如果當前時間戳> 前面存的時間戳+過期時間 表示已經過期
    var sumTimestamp = oldTimestamp + time;
    if (nowTimestamp > sumTimestamp) {
      storage.clear();
    }
  }else{
    if (sessionStorage.getItem('greenPath')==0) {
     return false;
    }else{
      storage.clear();
    }
  }
}