vue-router - Vue 路由器和 Laravel 中间件

Question

我想在 vue 路由器中添加中间件，使用 laravel auth。如果检查了身份验证，则应该允许打开 url，否则返回。

标签： vue-routermiddleware

Answer 1

您可以使用vue-router 导航守卫

根据您的代码，我将尝试添加一个示例

{
  path: '/', 
  component: HomePage,
  beforeEnter: requireAuth
}

我的导航守卫将requireAuth是

function requireAuth(to, from, next) {

    if (login) { //you local login check, you can either use vuex or local storage or cookies etc
      next()
    } else {
      next("/login")
    }
  }