简单的利用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(); } });