（十九）路由 meta 元数据

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

const routes = [
  {
    path: "/blogs",
    component: BlogManagement,
    meta: { private: true }, // 3. 合并，值必须一致，否则重复的属性，会以最后一个属性值为准，子路由的 meta 属性可以省略
    children: [
      {
        path: "new",
        components: {
          default: AddBlog,
          rightSideBar: RightSidebar,
        },
        // 登录后才可以查看次路由
        meta: { private: true },
      },
      {
        path: "details",
        component: BlogDetails,
        // 登录之后才可以查看路由
        meta: { private: true },
      },
    ],
  },
];

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

const loggedIn = false;

router.beforeEach((to, from) => {
  // 1.  打印 to.matched
  console.log(to);

  // 2. 判断匹配的路由是否是私密路由
  // if (to.matched.some((record) => record.meta.private) && !loggedIn) {
  //   return "/login";
  // }
  // 3. meta 合并 判断匹配的路由是否是私密路由
  if (to.meta.private && !loggedIn) {
    return "/login";
  }
});

export default router;