fix(router): resolve Vue Router warning for dynamic tool routes

- Improve route existence check using router.resolve() for accurate nested route detection
- Register tool routes before router is used to prevent 'No match found' warnings
- Update beforeEach guard to handle dynamic route registration more reliably

apps/jingrow/frontend/src/app/main.ts

@@ -18,23 +18,20 @@ import '@fortawesome/fontawesome-free/css/all.min.css'
 const app = createApp(App)
 
 app.use(createPinia())
+// 初始化认证状态（需要在pinia初始化之后）
+import { useAuthStore } from '../shared/stores/auth'
+const authStore = useAuthStore()
+authStore.initAuth()
+
+// 在路由使用前注册工具路由，避免路由匹配时的警告
+import { useToolsStore } from '../shared/stores/tools'
+const toolsStore = useToolsStore()
+toolsStore.initToolRoutes(router)
+
 app.use(router)
 app.use(naive)
 
 // 初始化fetch拦截器（需要在pinia初始化之后）
 import '../shared/utils/fetchInterceptor'
 
-// 初始化认证状态
-import { useAuthStore } from '../shared/stores/auth'
-const authStore = useAuthStore()
-authStore.initAuth()
-
-import { useToolsStore } from '../shared/stores/tools'
-router.isReady().then(() => {
-  const toolsStore = useToolsStore()
-  toolsStore.initToolRoutes(router)
-}).catch((error) => {
-  console.error('Failed to initialize tool routes:', error)
-})
-
 app.mount('#app')

apps/jingrow/frontend/src/app/router/index.ts

@@ -205,30 +205,48 @@ router.beforeEach(async (to, _from, next) => {
   }
   
   if (to.path.startsWith('/tools/') && to.name !== 'Tools') {
-    const routeExists = to.matched.length > 0 || router.getRoutes().some(r => {
+    // 如果路由已经匹配，直接通过
-      const fullPath = r.path.startsWith('/') ? r.path : `/${r.path}`
+    if (to.matched.length > 0) {
-      return fullPath === to.path
+      // 路由已匹配，继续正常流程
-    })
+    } else {
+      // 尝试解析路由，检查是否存在
+      let routeExists = false
+      try {
+        const resolved = router.resolve(to.path)
+        // 如果解析成功且路径匹配，说明路由存在
+        routeExists = resolved.matched.length > 0 && resolved.path === to.path
+      } catch {
+        // 解析失败，说明路由不存在
+        routeExists = false
+      }
       
+      // 如果路由不存在，尝试初始化工具路由
       if (!routeExists) {
         const { useToolsStore } = await import('../../shared/stores/tools')
         const toolsStore = useToolsStore()
         toolsStore.initToolRoutes(router)
         
-      const routeExistsAfter = router.getRoutes().some(r => {
+        // 再次尝试解析路由
-        const fullPath = r.path.startsWith('/') ? r.path : `/${r.path}`
+        let routeExistsAfter = false
-        return fullPath === to.path
+        try {
-      })
+          const resolvedAfter = router.resolve(to.path)
+          routeExistsAfter = resolvedAfter.matched.length > 0 && resolvedAfter.path === to.path
+        } catch {
+          routeExistsAfter = false
+        }
         
         if (routeExistsAfter) {
+          // 路由已注册，重新导航到目标路由
           next({ ...to, replace: true })
           return
         } else {
+          // 路由不存在，重定向到工具列表页
           next('/tools')
           return
         }
       }
     }
+  }
   
   if (to.meta.requiresAuth && !authStore.isLoggedIn) {
     next('/login')