vue路由守卫

vue-router路由守卫

router.beforeEach((to, from, next) => {
    if (!skipAuth(to.path)) {
        let currentDatetime = new Date().getTime();
        let lastLoginSuccessDateTime = localStorage.getItem(“createTokenTime”) ? Number(localStorage.getItem(“createTokenTime”)) : 0
        let loginSessionPeriod = 1000 * 60 * 60 * 24 * 7;
        if (!(localStorage.getItem(“_token”) && (currentDatetime – lastLoginSuccessDateTime < loginSessionPeriod))) {
            //未登录
            location.href = “/login”;
        }
    }
    next();
})
function skipAuth(to: String) {
    const skipAuthUri = [‘/login’];
    for (let uri of skipAuthUri) {
        if (to == uri) {
            return true;
        }
    }
    return false;
}

本文来自 余 倩倩 投稿,不代表 PmTemple 立场,如若转载,请注明出处:

。如有涉及侵权行为,请发送相关证明材料至邮箱admin@pmtemple.com
(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年7月8日 上午10:01
下一篇 2022年8月16日 下午3:57

相关推荐

发表回复

登录后才能评论

评论列表(1条)

  • 燃力分享客
    燃力分享客 2026年3月14日 下午7:59

    这路由守卫就像健身房的门禁系统!检查登录状态和会话过期,就像验证会员资格和有效期一样专业。代码简洁有力,每个函数都像精心设计的训练动作,精准到位。想练好前端,这种基本功必须扎实!

微信公众号
微信公众号
edgesensor_high 小程序
小程序
分享本页
返回顶部