路由

17.Vue3/project2/src/router/index.js

@@ -12,28 +12,33 @@ const routes = [
     {
         path: "/home",
         component: Home,
-        name:'zhuye'
+        meta: { isRequireAuth: false,title:'首页' },
+        name: 'zhuye',
     },
     {
         path: "/list",
         component: List,
-        name:'liebiao',
-        redirect:'/list/demo2',
-        children:[
+        name: 'liebiao',
+        redirect: '/list/demo2',
+        meta: { isRequireAuth: false },
+        children: [
             {
-                path:'demo1',
-                component:()=>import("../views/Demo/Demo1.vue")
+                path: 'demo1',
+                meta: { isRequireAuth: false },
+                component: () => import("../views/Demo/Demo1.vue")
             },
             {
-                path:'demo2',
-                component:()=>import("../views/Demo/Demo2.vue")
+                path: 'demo2',
+                meta: { isRequireAuth: false },
+                component: () => import("../views/Demo/Demo2.vue")
             },
         ]
     },
     {
         path: "/my/:id/:name",
         component: My,
-        name:'wode'
+        meta: { isRequireAuth: true },
+        name: 'wode'
     },
 ]
 
@@ -45,6 +50,23 @@ const router = createRouter({
     routes
 });
 
+// 全局前置守卫
+router.beforeEach((to, from, next) => {
+    // next()
+    console.log('to', to);
+    console.log('from', from);
+    if(to.meta.title) {
+        document.title = to.meta.title;
+     } else {
+        document.title = '默认标题';
+     }
+    if(to.meta.isRequireAuth) {
+        console.log('需要验证');
+    } else {
+        next();
+    }
+});
+
 // 3.导出路由对象
 export default router;