在layout下面加载子应用不能使用router-view的插槽，只能直接使用，判断如果为子应用直接使用router-view在主应用下的路由才使用插槽

main/src/layouts/index.vue

@@ -6,9 +6,6 @@
  * @LastEditTime: 2025-01-17 16:36:25
 -->
 <template>
-  <router-view v-slot="{ Component, route }">
-    <transition name="fade-slide" mode="out-in" appear>
-      <keep-alive v-if="isReload" :include="cacheRoutes">
   <div class="layout">
     <div class="layout-header">
       <div class="layout-header-top">
@@ -52,11 +49,16 @@
         </div>
       </div>
     </div>
+    <!-- 子应用不能使用router-view的插槽功能 -->
+    <router-view v-if="isSubApp" />
+    <router-view v-else v-slot="{ Component, route }">
+      <transition name="fade-slide" mode="out-in" appear>
+        <keep-alive v-if="isReload" :include="cacheRoutes">
           <component :is="useWrapComponents(Component, route)" :key="route.path" />
-        </div>
         </keep-alive>
       </transition>
     </router-view>
+  </div>
 </template>
 
 <script setup name="layout">
@@ -66,12 +68,16 @@ import { usePermissionStore } from '@/store/modules/permission';
 import { useWrapComponents } from '@/hooks/useWrapComponents';
 import { qrImg } from './base64img';
 import AppLink from './Link.vue';
+import { useRoute } from 'vue-router';
 
+const route = useRoute();
 const SettingStore = useSettingStore();
 const PermissionStore = usePermissionStore();
 const cacheRoutes = computed(() => PermissionStore.keepAliveRoutes);
 const isReload = computed(() => SettingStore.isReload);
 
+const isSubApp = computed(() => route.path.includes('sub'));
+
 const keyword = ref('');
 
 const meuns = ref([

main/src/micro/index.js

@@ -30,7 +30,7 @@ const registerGlobalMicroApps = () => {
   });
 
   start({
-    prefetch: false, // 取消预加载
+    prefetch: 'all', // 取消预加载
     sandbox: { experimentalStyleIsolation: true },
   });
 

main/src/router/index.js

@@ -32,7 +32,7 @@ export const constantRoutes = [
         meta: { title: '平台入口', icon: 'House' },
       },
       {
-        path: '/sub-admin/:pathMatch(.*)',
+        path: '/sub-admin/:pathMatch(.*)*',
         component: () => import('@/views/subApp.vue'),
         name: 'sub-admin',
         hidden: true,

main/src/views/subApp.vue

@@ -14,7 +14,7 @@ export default {
 };
 </script>
 <style>
-#app {
+#sub-app {
   width: 100%;
 }
 </style>