web打包问题

urbanLifelineWeb/packages/platform/src/router/index.ts

@@ -1,17 +1,55 @@
 import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
-import { TokenManager } from 'shared/api'
+import { h } from 'vue'
 import { loadRoutesFromStorage } from './dynamicRoute'
 
+// 动态导入 TokenManager（避免顶层 import 阻塞）
+let _TokenManager: any = null
+async function getTokenManager() {
+    if (!_TokenManager) {
+        const module = await import('shared/api')
+        _TokenManager = module.TokenManager
+    }
+    return _TokenManager
+}
+
+// 同步检查 token（用于非异步场景）
+function hasTokenSync(): boolean {
+    try {
+        const token = localStorage.getItem('token')
+        return !!token
+    } catch {
+        return false
+    }
+}
+
 // platform应用的动态路由会根据layout字段自动添加，不需要预定义Root布局
 const routes: RouteRecordRaw[] = [
     {
-        path: '/platform/login',
+        path: '/login',
         name: 'Login',
         component: () => import('@/views/public/Login/Login.vue'),
         meta: {
             title: '登录',
             requiresAuth: false  // 不需要登录
         }
+    },
+    {
+        path: '/',
+        name: 'Root',
+        component: () => Promise.resolve({ default: { render: () => h('div', '加载中...') } }),
+        meta: {
+            title: '首页',
+            requiresAuth: true  // 需要登录
+        }
+    },
+    {
+        path: '/:pathMatch(.*)*',
+        name: 'NotFound',
+        component: () => Promise.resolve({ default: { render: () => h('div', { style: { padding: '20px', textAlign: 'center' } }, '404 - 页面未找到') } }),
+        meta: {
+            title: '404',
+            requiresAuth: false  // 不需要登录
+        }
     }
 ]
 
@@ -23,27 +61,27 @@ const router = createRouter({
 // 标记动态路由是否已加载
 let dynamicRoutesLoaded = false
 
-// 路由守卫
-router.beforeEach((to, from, next) => {
+// 路由守卫（使用 async）
+router.beforeEach(async (to, from, next) => {
     // 设置页面标题
     if (to.meta.title) {
         document.title = `${to.meta.title} - 泰豪电源 AI 数智化平台`
     }
     
-    // 检查是否需要登录
+    // 检查是否需要登录（使用同步方法，避免阻塞）
     const requiresAuth = to.meta.requiresAuth !== false  // 默认需要登录
-    const hasToken = TokenManager.hasToken()
+    const hasToken = hasTokenSync()
     
     if (requiresAuth && !hasToken) {
         // 需要登录但未登录，跳转到登录页
         next({
-            path: '/platform/login',
+            path: '/login',
             query: { redirect: to.fullPath }  // 保存原始路径
         })
         return
     }
     
-    if (to.path === '/platform/login' && hasToken) {
+    if (to.path === '/login' && hasToken) {
         // 已登录但访问登录页，跳转到首页
         next('/')
         return
@@ -52,26 +90,28 @@ router.beforeEach((to, from, next) => {
     // 如果已登录且动态路由未加载，先加载动态路由
     if (hasToken && !dynamicRoutesLoaded) {
         dynamicRoutesLoaded = true
-        const loaded = loadRoutesFromStorage()
-        
-        if (loaded) {
-            if (to.path === '/') {
-                // 访问根路径，重定向到第一个可用路由
-                const firstRoute = getFirstAvailableRoute()
-                if (firstRoute && firstRoute !== '/') {
-                    // 只有当第一个路由不是 / 时才重定向，避免无限循环
-                    console.log('[Platform Router] 根路径重定向到:', firstRoute)
-                    next({ path: firstRoute, replace: true })
-                    return
+        try {
+            const loaded = await loadRoutesFromStorage()
+            
+            if (loaded) {
+                if (to.path === '/') {
+                    // 访问根路径，重定向到第一个可用路由
+                    const firstRoute = getFirstAvailableRoute()
+                    if (firstRoute && firstRoute !== '/') {
+                        console.log('[Platform Router] 根路径重定向到:', firstRoute)
+                        next({ path: firstRoute, replace: true })
+                        return
+                    } else {
+                        console.log('[Platform Router] 第一个路由就是根路径，直接放行')
+                    }
                 } else {
-                    // 第一个路由就是 /，直接放行
-                    console.log('[Platform Router] 第一个路由就是根路径，直接放行')
+                    // 动态路由已加载，重新导航到目标路由
+                    next({ ...to, replace: true })
+                    return
                 }
-            } else {
-                // 动态路由已加载，重新导航到目标路由
-                next({ ...to, replace: true })
-                return
             }
+        } catch (error) {
+            console.error('[Platform Router] 加载动态路由失败:', error)
         }
     }
     
@@ -79,7 +119,6 @@ router.beforeEach((to, from, next) => {
     if (hasToken && to.path === '/' && dynamicRoutesLoaded) {
         const firstRoute = getFirstAvailableRoute()
         if (firstRoute && firstRoute !== '/') {
-            // 只有当第一个路由不是 / 时才重定向，避免无限循环
             console.log('[Platform Router] 已登录访问根路径，重定向到:', firstRoute)
             next({ path: firstRoute, replace: true })
             return