第一步在router文件内的index.js文件写入
// getItem 后面两个参数必须一样的 否则还提醒你登录
router.beforeEach((to, from, next) => {
if (to.path == "/loginPage") {
//如果用户要访问的是 /logonView 路由,则直接放行
next();
} else {
//否则,检查用户是否已经登录(这里通过检查 sessionStorage 中是否有特定的数据来判断),如果已登录则放行,否则弹出一个提示框告知用户需要登录,并将路由切换到 /logonView
if (sessionStorage.getItem("zhao") != null) { //存储登录
next();
} else {
alert("请登录");
next("/loginPage");
}
}
});
第二步在登录页面判断登录成功逻辑写如下
sessionStorage.setItem("zhao", abc);