H5封裝登錄判斷接口

版權聲明：本文爲博主原創文章，未經博主允許不得轉載。如有轉載請留言，謝謝~ https://blog.csdn.net/qq_38209578/article/details/81387035

本文主要介紹封裝H5登錄接口，設一個全局的app.js並引入，通過獲取本地緩存localStorage，如果不存在登錄ID，則返回登錄頁面login.html

app.js

var arrUrl = location.href.split("/");
var pageName = arrUrl[arrUrl.length-1];
if(!localStorage.getItem(app.localKey.loginId) && pageName !="login.html"){
location.href =  "login.html";
}else{
if(pageName == "index.html"){
        location.href = "index.html";
    }
}   

本地緩存登錄與退出登陸的操作
login.js

saveUserInfo:function(r){
    localStorage.setItem(app.localKey.loginId,r.loginId);
    window.location.href = 'index.html';
}

loginout.js

signOut: function(){
    localStorage.removeItem(app.localKey.loginId);
    location.href = 'login.html';
}