vue实现用户未登录时跳转到登录页面

洋洋向前冲

已于 2022-06-08 14:57:57 修改

阅读量1.3k

点赞数

文章标签： vue.js javascript

于 2020-03-26 13:36:42 首次发布

本文链接：https://blog.csdn.net/weixin_45950826/article/details/105116857

版权

router.js


export default new Router({
  routes: [{
    path: '/login',
    component: Login,
    meta: {
      requireAuth: false // 不需要鉴权
    }
  }, {
    path: "/home",
    component: Home,
    meta: {},
  }}]
})

main.js

router.beforeEach((to, from, next) => {
  const type = to.meta.type
  // 判断该路由是否需要登录权限
  if (to.meta.requireAuth) {
    // 该路由需要登录权限
    if (sessionStorage.getItem('token')) {
      // 已登录
      next()
    } else {
      next('/login')
    }
  } else {
    next()
  }
})