vue判断用户是否登录,没有登录跳转登录页面

在 main.js 中判断是否需要登录

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requiresAuth)) {
      //这里判断用户是否登录,验证本地存储是否有token
      if (!localStorage.token) { // 判断当前的token是否存在
          next({
              path: '/login',
              query: { redirect: to.fullPath }
          })
      } else {
          next()
      }
  } else {
      next() // 确保一定要调用 next()
  }
})

在路由配置文件中 (router.js) 给需要登录的路由加一个meta

{
      path: '/mint',
      component: Mint,
      meta: { requiresAuth: true } // 添加表示需要验证
    }


Logo

前往低代码交流专区

更多推荐