①首先在我们的登录页面存储一个登录数据//登录成功时保存一个登录状态；sessionStorage.setItem("flag",1);②添加routeguard方法一：直接在route中添加constrouter=newVueRouter({...})//Routeguardrouter.beforeEach((to,from,next)=>{//...})方法二：当我们使用exportdefault方法时，可以在main.js中添加router.beforeEach((to,from,next)=>{})方法。constRecruit=resolve=>require(['../components/common/main/index.vue'],resolve);exportdefaultnewRouter({routes:[//login{path:path.login.path,名称:path.login.path,component:Login,},.........③在路由中添加自定义字段requireAuth，判断当前路由是否需要登录。下图中1为设置设置多种权限方式时，下图2为单一权限设置方式④在路由守卫中加入我们自己的代码逻辑。//Routeguardrouter.beforeEach((to,from,next)=>{letflag=sessionStorage.getItem('flag')if(to.meta.requireAuth==true){//需要登录权限才能进入的路由if(!flag){//获取不到登录信息next({path:'/login'})}else{//获取登录信息，继续下一步returnnext();}}else{//无需登录权限的路由直接进入下一步returnnext();}})
