实现 nacos + traefik，改了很多东西！！！

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

@@ -1,33 +1,44 @@
-import { fileURLToPath, URL } from 'node:url'
+import path from 'path'
 
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import vueJsx from '@vue3-oop/plugin-vue-jsx'
 import federation from '@originjs/vite-plugin-federation';
 import { nacosServiceManage } from "nacos-federation";
 
+export default defineConfig(async ({ mode }) => {
+    const env = loadEnv(mode, process.cwd());
+    const nacos = await nacosServiceManage.create({
+        serverList: env.VITE_NACOS_ADDRESS,
+        serviceName: env.VITE_SERVER_NAME,
+        port: Number(env.VITE_SERVER_PORT)
+    });
 
-export default defineConfig(async () => {
-    const client = new nacosServiceManage({
-        serverList: '192.168.31.100:8848',
-        serviceName: 'main-app',
-        port: 1300
-    })
-    const productUrl = await client.find("app-product")
-    const sharedUrl = await client.find("app-shared")
+    // const productUrl = await nacos.find(env.VITE_MODEL_PRODUCT_NAME)
+    // const sharedUrl = await nacos.find(env.VITE_MODEL_SHARED_NAME)
 
     return {
         server: {
-            port: 1300,
+            port: Number(env.VITE_SERVER_PORT),
             host: '0.0.0.0',
             strictPort: true,
         },
         plugins: [
             vueJsx(),
             federation({
-                name: 'mainApp', // 主应用模块名（联邦模块需通过此名引用）
-                remotes: { // 配置远程联邦模块地址（开发/生产需对应）
-                    product: `${ productUrl }/assets/remoteEntry.js`,
-                    shared: `${ sharedUrl }/assets/remoteEntry.js`
+                name: env.VITE_SERVER_NAME,
+                remotes: {
+                    // 【弃用】基于 Nacos 服务发现获取 微前端模块的地址 192.168.31.101:1301
+                    // product: `${ productUrl }/assets/remoteEntry.js`,
+                    // shared: `${ sharedUrl }/assets/remoteEntry.js`
+
+                    // 实现：限流与熔断，重试，IP 白名单，压缩等
+                    // 基于 traefik 网关，由网关去寻找 微前端模块的地址
+                    // 网关的地址是 nodejs脚本 定时10秒访问Nacos api 后，生成Traefik配置文件dynamic.yml，
+                    // 并把配置实时同步到Traefik中，如果 xxx微前端模块停止运行那么就会从 Nacos服务中注销，
+                    // 那么dynamic.yml配置文件就会自动删减被下线的网关映射
+
+                    product: `http://${ env.VITE_TRAEFIK_ADDRESS }/${ env.VITE_MODEL_PRODUCT_NAME }/assets/remoteEntry.js`,
+                    shared: `http://${ env.VITE_TRAEFIK_ADDRESS }/${ env.VITE_MODEL_SHARED_NAME }/assets/remoteEntry.js`
                 },
                 shared: {
                     vue: { requiredVersion: '^3.5.18' },
@@ -48,10 +59,10 @@ export default defineConfig(async () => {
         },
         resolve: {
             alias: {
-                '@': fileURLToPath(new URL('./src/app/', import.meta.url)),
-                '@shared': fileURLToPath(new URL('./src/shared/', import.meta.url)),
-                '@features': fileURLToPath(new URL('./src/features/', import.meta.url)),
-                '@domains': fileURLToPath(new URL('./src/domains/', import.meta.url))
+                '@': path.resolve(__dirname, './src/app/'),
+                '@shared': path.resolve(__dirname, './src/shared/'),
+                '@features': path.resolve(__dirname, './src/features/'),
+                '@domains': path.resolve(__dirname, './src/domains/')
             },
         },
     }