refactor(router): 更新路由配置并添加全局前置守卫

nce40202 · nce40202 · commit 35d62f740aa7 · 2025-03-19T14:01:57.000+08:00
- 重定向根路径到内存可视化页面
- 为路由添加元信息以设置页面标题
- 添加全局前置守卫动态设置页面标题
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <title>Newbie JVM Playground</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/router/index.ts b/src/router/index.ts
@@ -7,15 +7,38 @@ const router = createRouter({
   routes: [
     {
       path: '/',
+      redirect: '/memory-visualizer',
+    },
+    {
+      path: '/memory-visualizer',
       name: 'memory-visualizer',
       component: MemoryVisualizer,
+      meta: {
+        title: '内存可视化'
+      }
     },
     {
       path: '/bytecode-viewer',
       name: 'bytecode-viewer',
       component: BytecodeViewer,
+      meta: {
+        title: '字节码查看器'
+      }
     }
   ],
 })
 
+// 添加全局前置守卫
+router.beforeEach((to) => {
+  // 获取最接近的带有 title 的路由记录
+  const nearestWithTitle = to.matched.slice().reverse().find(r => r.meta?.title)
+
+  // 设置页面标题
+  if (nearestWithTitle?.meta.title) {
+    document.title = nearestWithTitle.meta.title + ' - Newbie JVM Playground'
+  } else {
+    document.title = 'Newbie JVM Playground' // 设置默认标题
+  }
+})
+
 export default router
diff --git a/src/views/MemoryVisualizer.vue b/src/views/MemoryVisualizer.vue
@@ -169,6 +169,15 @@ const jvmArgsHelp = [
     }
 ];
 
+// JVM 规范
+const jvmStandard = [
+    {
+        "id": "",
+        "desc": "",
+        "source": ""
+    }
+]
+
 const showArgsHelp = () => {
     showHelpModal.value = true;
 };
