（十七）路由导航守卫

...

import { createRouter, createWebHistory } from "vue-router";

const loggedIn = true;

const routes = [
  {
    path: "/blogs",
    component: BlogManagement,
    children: [
      {
        path: "new",
        components: {
          default: AddBlog,
          rightSideBar: RightSidebar,
        },
      },
      {
        path: "details/:postId",
        component: BlogDetails,
        beforeEnter(to, from) {
          console.log(to);
          console.log(from);
        },
      },
    ],
    // 对所有子路由也生效
    beforeEnter(to, from) {
      if (!loggedIn) {
        return "/login";
      }
    },

    // 它还可以是一个数据，这样写的好处是，多个路由可以共同使用一个函数
    beforeEnter: [authBlogsPage],
  },
];

function authBlogsPage(to, from) {
  if (!loggedIn) {
    return "/login";
  }
}

const router = createRouter({
  history: createWebHistory(),
  routes,
});

export default router;