提交

front-end/app-product/package.json

@@ -14,7 +14,6 @@
     "type-check": "vue-tsc --build"
   },
   "dependencies": {
-    "axios": "^1.12.2",
     "pinia": "^3.0.3",
     "vue": "^3.5.18",
     "vue-router": "^4.0.6"

front-end/app-product/src/domains/product/infr/api/HttpProductRepository.ts

@@ -1,10 +1,11 @@
-import { Product } from "@domains/product/domain/entities/Product.ts";
-import { ProductType } from "@domains/product/domain/type/ProductType.ts";
-import { ProductRepository } from "@domains/product/ports/repositories/ProductRepository";
+import {Product} from "@domains/product/domain/entities/Product.ts";
+import {ProductType} from "@domains/product/domain/type/ProductType.ts";
+import {ProductRepository} from "@domains/product/ports/repositories/ProductRepository";
 // @ts-ignore
-import { http } from "mainApp/shared";
+import {http} from "shared/infra";
 import HttpConfig from "../config/HttpConfig";
 
+
 /**
  * HTTP商品仓储实现 - 实现商品数据的HTTP访问
  * 这是基础设施层，负责具体的数据获取实现 

front-end/app-product/vite.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite';
+import {defineConfig} from 'vite';
 import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import vueDevTools from 'vite-plugin-vue-devtools'
@@ -8,11 +8,10 @@ import {fileURLToPath, URL} from "node:url";
 export default defineConfig({
     plugins: [
         federation({
-            name: 'productModule', // 联邦模块名称（主应用通过此名称引用）
-            filename: 'remoteEntry.js',
-            // 关键：声明远程模块（主模块）
+            name: 'product',
             remotes: {
-                mainApp: "http://localhost:5000/assets/remoteEntry.js"
+                mainApp: "http://localhost:5000/assets/remoteEntry.js",
+                shared: 'http://localhost:5555/assets/remoteEntry.js'
             },
             exposes: { // 暴露给主应用的资源（按功能分组）
                 './ProductDomain': './src/domains/product/index.ts', // 领域层（实体、服务、接口等）
@@ -20,7 +19,6 @@ export default defineConfig({
             },
             shared: {
                 vue: { generate:false, requiredVersion: '^3.5.18' },
-                axios: { generate:false, requiredVersion: '^1.12.2' },
                 'vue-router': { generate:false, requiredVersion: '^4.0.6' },
                 pinia: { generate:false, requiredVersion: '^3.0.3' }
             }

front-end/app-shared/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "app-shared",
+  "version": "1.0.0",
+  "description": "",
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "scripts": {
+    "dev": "vite --port 5555 --strictPort",
+    "build": "vite build",
+    "serve": "vite preview --port 5555 --strictPort",
+    "all": "npm run build && npm run serve"
+  },
+  "dependencies": {
+    "axios": "^1.12.2"
+  },
+  "devDependencies": {
+    "@originjs/vite-plugin-federation": "^1.4.1",
+    "typescript": "~5.8.0",
+    "vite": "^7.0.6"
+  }
+}

front-end/app-shared/src/config/index.ts

@@ -0,0 +1,2 @@
+export * from './HttpConfig';
+export * from './ThemeConfig';

front-end/app-shared/src/index.ts

@@ -0,0 +1,3 @@
+export * from './infra';
+export * from './utils';
+export * from './config';

front-end/app-shared/src/infra/AxiosInfra.ts

@@ -1,5 +1,5 @@
-import axios, { type AxiosInstance, AxiosError, type AxiosRequestConfig, type InternalAxiosRequestConfig } from "axios";
-import { UrlCheckUtils } from '@shared/utils/index'
+import axios, {AxiosError, type AxiosInstance, type AxiosRequestConfig} from "axios";
+import {UrlCheckUtils} from '../utils/index'
 
 
 class AxiosInfra {

front-end/app-shared/src/infra/index.ts

@@ -0,0 +1 @@
+export {default as http} from "./AxiosInfra"

front-end/app-shared/src/types/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

front-end/app-shared/src/utils/UrlCheckUtils.ts

@@ -1,6 +1,6 @@
-import { HttpConfig } from '@shared/config/HttpConfig'
+import {HttpConfig} from '../config'
 
-export default class UrlCheckUtils {
+export class UrlCheckUtils {
 
     public static check() {
         if (import.meta.env.MODE === 'production') {

front-end/app-shared/src/utils/index.ts

@@ -0,0 +1 @@
+export * from './UrlCheckUtils';

front-end/app-shared/tsconfig.json

@@ -0,0 +1,40 @@
+{
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "**/*.test.ts"
+  ],
+  "compilerOptions": {
+    "moduleResolution": "bundler",
+    "verbatimModuleSyntax": false,
+    "target": "ES2020",
+    "module": "ESNext",
+    // 模块导出优化
+    "resolveJsonModule": true,
+    // 允许导入JSON文件
+    "isolatedModules": true,
+    // 确保每个文件可被独立转译（Vite等工具要求）
+    "skipLibCheck": true,
+    // 跳过库类型检查，加快编译速度
+
+    "paths": {
+      "@/*": [
+        "./src/app/*"
+      ],
+      "@shared/*": [
+        "./src/shared/*"
+      ],
+      "@features/*": [
+        "./src/features/*"
+      ],
+      "@domains/*": [
+        "./src/domains/*"
+      ]
+    }
+  }
+}

front-end/app-shared/vite.config.ts

@@ -0,0 +1,31 @@
+import {defineConfig} from 'vite'
+import federation from '@originjs/vite-plugin-federation';
+
+// https://vite.dev/config/
+export default defineConfig({
+    plugins: [
+        federation({
+            name: 'shared',
+            exposes: {
+                "./config": "./src/config/index.ts",
+                "./infra": "./src/infra/index.ts",
+                "./utils": "./src/utils/index.ts",
+            },
+            shared: {
+                axios: {generate: false, requiredVersion: '^1.12.2'}
+            }
+        })
+    ],
+    build: {
+        target: 'esnext',
+        minify: false,
+        cssCodeSplit: true,
+        rollupOptions: {
+            input: './src/index.ts',
+            output: {
+                format: 'esm',
+                minifyInternalExports: false
+            }
+        }
+    }
+})

front-end/main-app/package.json

@@ -14,7 +14,6 @@
     "type-check": "vue-tsc --build"
   },
   "dependencies": {
-    "axios": "^1.12.2",
     "pinia": "^3.0.3",
     "vue": "^3.5.18",
     "vue-router": "^4.0.6"

front-end/main-app/src/app/di/productModule.ts

@@ -1,9 +1,5 @@
 // 从商品联邦模块导入领域层资源
-import {
-    ProductApplicationService,
-    HttpProductRepository,
-    ProductRepository
-} from 'productModule/ProductDomain';
+import {HttpProductRepository, ProductApplicationService, ProductRepository} from 'product/ProductDomain';
 
 /**
  * 商品领域的依赖注入配置

front-end/main-app/src/app/router/index.ts

@@ -1,5 +1,7 @@
-import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
-import { productRouter } from 'productModule/ProductRouter'
+import {createRouter, createWebHistory, RouteRecordRaw} from 'vue-router'
+import {productRouter} from 'product/ProductRouter'
+
+console.log("productRouter: ", productRouter)
 
 const baseRouter: Array<RouteRecordRaw> = [
     {

front-end/main-app/src/app/views/Home.tsx

@@ -1,9 +1,9 @@
-import { defineComponent, reactive, onMounted } from 'vue'
+import {defineComponent, onMounted, reactive} from 'vue'
 import Header from '@/components/Header'
-import { HttpConfig } from '@shared/config/index'
-import { UrlCheckUtils } from '@shared/utils'
-import { useCounterStore } from '@/stores/counter'
-import { storeToRefs } from 'pinia'
+// @ts-ignore
+import {UrlCheckUtils} from 'shared/utils'
+import {useCounterStore} from '@/stores/counter'
+import {storeToRefs} from 'pinia'
 
 interface stateType {
   list: ListItemType[]

front-end/main-app/src/shared/index.ts

@@ -1,3 +0,0 @@
-export * from "./config/HttpConfig"
-export * from "./config/ThemeConfig"
-export { default as http } from "./infra/AxiosInfra"

front-end/main-app/src/shared/types/product-federation.d.ts

@@ -1,6 +1,5 @@
 // 声明领域层类型
-declare module 'productModule/ProductDomain' {
-    import type { DefineComponent } from 'vue';
+declare module 'product/ProductDomain' {
     // 商品实体类型（与联邦模块一致）
     export class Product {
         id: number;
@@ -36,6 +35,6 @@ declare module 'productModule/ProductDomain' {
 //     export const ProductDetail: DefineComponent; // 商品详情页
 // }
 
-declare module 'productModule/ProductRouter' {
+declare module 'product/ProductRouter' {
     export const productRouter: RouteRecordRaw[];
 }

front-end/main-app/src/shared/types/shim.d.ts

@@ -1,4 +0,0 @@
-declare module '*.vue' {
-    import Vue from 'vue';
-    export default Vue;
-}

front-end/main-app/src/shared/utils/index.ts

@@ -1,3 +0,0 @@
-import UrlCheckUtils from './UrlCheckUtils';
-
-export { UrlCheckUtils };

front-end/main-app/vite.config.ts

@@ -1,6 +1,6 @@
-import { fileURLToPath, URL } from 'node:url'
+import {fileURLToPath, URL} from 'node:url'
 
-import { defineConfig } from 'vite'
+import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import vueDevTools from 'vite-plugin-vue-devtools'
@@ -15,10 +15,10 @@ export default defineConfig({
     federation({
       name: 'mainApp', // 主应用模块名（联邦模块需通过此名引用）
       remotes: { // 配置远程联邦模块地址（开发/生产需对应）
-        productModule: 'http://localhost:5001/assets/remoteEntry.js'
+        product: 'http://localhost:5001/assets/remoteEntry.js',
+        shared: 'http://localhost:5555/assets/remoteEntry.js'
       },
       exposes: {
-        "./shared": "./src/shared/index.ts",
         "./productService": "./src/app/di/productModule.ts",
       },
       shared: {