1

demo-project/src/main.js

@@ -14,8 +14,13 @@ import config from './config'
 // 引入根组件
 import App from './App.vue'
 
-// 引入业务页面（可选）
+// 引入业务页面（根据后端权限菜单接口返回的组件路径导入）
 import ProductList from './views/business/product_list.vue'
+// 根据你的权限菜单接口，导入所有可能用到的业务组件：
+// import GamesComponent from './views/ball/games.vue'
+// import PayOrdersComponent from './views/order/pay_orders.vue'
+// import WchUsersComponent from './views/ball/wch_users.vue'
+// ... 导入更多业务组件
 
 // 🎉 使用框架 - 自动完成所有初始化
 Vue.use(AdminFramework, {
@@ -23,17 +28,19 @@ Vue.use(AdminFramework, {
   ViewUI,
   VueRouter,
   Vuex,
-  createPersistedState
-})
-
-// 添加自定义组件映射（用于权限菜单中的组件路径）
-// 当后端返回的菜单包含这些路径时，会自动加载对应组件
-AdminFramework.addComponentMap({
-  'business/product_list.vue': ProductList,
-  'business/product_list': ProductList
-  // 如果有更多业务组件，在这里添加：
-  // 'ball/games.vue': GamesComponent,
-  // 'order/pay_orders.vue': PayOrdersComponent,
+  createPersistedState,
+  // ✅ 在这里一次性注册所有业务组件映射
+  componentMap: {
+    // 业务组件映射（根据后端菜单中的 component 字段配置）
+    'business/product_list': ProductList
+    // 根据权限菜单接口返回的 component 字段添加映射：
+    // 'ball/games': GamesComponent,
+    // 'order/pay_orders': PayOrdersComponent,
+    // 'ball/wch_users': WchUsersComponent,
+    // 'order/wch_wallets': WchWalletsComponent,
+    // 'users/user_follows': UserFollowsComponent,
+    // ... 添加更多业务组件
+  }
 })
 
 // 添加自定义业务路由（手动添加的路由）