vue未登录跳转至登录页面

导航守卫：router.beforeEach

配置路由

const routes =  [
    {
       path: "/userCenter",   //个人中心
       name: 'userCenter',
       component: r => require.ensure([], () => r(require('@/views/userCenter/index')),  'userCenter'),
       meta: { requiresAuth: true }    
    }
  ]
})

下方是我微信公众号的二维码，可以扫码关注以下，后期博文推送主要在公众号上面，有什么问题也可以通过公众号跟我发消息哦~

在main.js中

router.beforeEach((to, from, next) =>{
	if (to.matched.some(route => route.meta.requiresAuth)) {
	    if (storage.getStorage("userMessage")) {   // 判断用户是否登录，登录之后会存用户相关的信息
	      next();
	    } else {	      
	      next({
	        path: '/login',
	        query: { redirect: to.fullPath }
	      })
	    }
  } else {
    next() // 确保一定要调用 next()
  }
)