简单的利用sessionStorage机制以及路由中的beforeEach来实现的登录拦截,当然有token是最好的。
主界面,同过setItem来存储登录的判断条件。
sessionStorage.setItem('isLogin',1);//登录判断
index.js
{
path: '/Echarts',
name: 'Echarts',
component: Echarts,
meta: {
requireAuth: true, // 添加该字段,表示进入这个路由是需要登录的
}
}
router.beforeEach((to, from, next) => {
let islogin = sessionStorage.getItem("isLogin");
islogin = Boolean(Number(islogin));//返回布尔值
if (to.meta.requireAuth) { // 判断该路由是否需要登录权限
if (islogin) { //true
next();
} else {
next({
path: '/',
})
}
} else {
next();
}
});