vue中router.berforeach作用

在Vue中，`router.beforeEach`是Vue Router提供的全局前置守卫函数，可以用来注册一个在路由切换之前执行的回调函数，用于拦截路由请求并进行一些处理。该函数接收三个参数：

- `to`：即将进入的目标路由对象
- `from`：当前导航正要离开的路由对象
- `next`：调用该方法后，才能进入下一个路由

在`beforeEach`中，我们可以进行一些逻辑判断，如是否已经登录、是否有权限等，然后通过`next`方法控制路由跳转。如果调用`next()`则表示放行，可以进入下一个路由；如果调用`next(false)`则表示取消当前导航，不进入下一个路由；如果调用`next('/path')`则表示中断当前导航，跳转到指定路径。

举个例子，假设我们需要在用户未登录时，将其重定向到登录页面：

router.beforeEach((to, from, next) => {
  if (to.meta.requireAuth && !isLogin()) {
    next({
      path: '/login',
      query: { redirect: to.fullPath } // 将跳转的路由path作为参数，登录成功后跳转到该路由
    })
  } else {
    next()
  }
})

上述代码中，我们判断了当前路由是否需要登录才能访问(`to.meta.requireAuth`)，以及当前用户是否已经登录(`isLogin()`)，如果未登录则将其重定向到登录页面，并将要访问的路由路径作为参数传递给登录页面。如果已经登录，则放行，继续访问当前路由。