vue router.beforeEach

最新推荐文章于 2024-07-10 18:48:26 发布

LifeFuture1994

最新推荐文章于 2024-07-10 18:48:26 发布

阅读量167

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/Future1994/article/details/111185463

版权

Vue Router 全局导航拦截登录验证权限管理 requiresAuth

关键词由CSDN通过智能技术生成

前端专栏收录该内容

190 篇文章 2 订阅

订阅专栏

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requiresAuth)) {
    // this route requires auth, check if logged in
    // if not, redirect to login page.
    if (!auth.loggedIn()) {
      next({
        path: '/login',
        query: { redirect: to.fullPath }
      })
    } else {
      next()
    }
  } else {
    next() // 确保一定要调用 next()
  }
})

router.beforeEach 全局导航拦截功能常用来判断页面是否需要登录等权限问题