在Vue.js/Firebase登录认证界面中设置路由守卫

router.beforeEach((to, from, next) => {
  const currentUser = firebase.auth().currentUser;
  const requiresAuth = to.matched.some(record => record.meta.requiresAuth);

  if (requiresAuth && !currentUser) {
    next('/login');
  } else {
    next();
  }
});

router.afterEach((to, from) => {
  // 执行一些清理操作或记录用户访问日志
});

{
  path: '/admin',
  component: Admin,
  beforeEnter: (to, from, next) => {
    const currentUser = firebase.auth().currentUser;

    if (currentUser && currentUser.isAdmin) {
      next();
    } else {
      next('/login');
    }
  }
}

export default {
  beforeRouteEnter(to, from, next) {
    // 在进入路由前执行一些操作
    next();
  },
  beforeRouteUpdate(to, from, next) {
    // 在路由更新前执行一些操作
    next();
  },
  beforeRouteLeave(to, from, next) {
    // 在离开路由前执行一些操作
    next();
  }
}