vue路由守卫未登录跳转到登陆页面

在路由里添加守卫

可以在登陆页面添加

created(){
           if(sessionStorage.username){ //登陆了自动跳到首页，来阻止重复登陆
                this.$router.push("/")
            }
        },

const router= new Router({

  mode:"history",
  routes: [
    {
      path: '/',
      name: 'shop',
      component: shop
    },
    {
        path:"/login",
        name:"login",
        component:login
    }
  ]
})

router.beforeEach((to,from,next)=>{
        if(to.path=="/login"){
             next();
        }else{
            if(sessionStorage.username){
                next()
            }else{
                next({path:"/login"})
            }
        }
    })

export default router;