feat(front): 网关台账前端——台账/路由/目标三页+重载注册表

- 与 notice 同形态：hash 路由 + TablePageAlovaNew 分页 + alova 信封分支 - API 层手写（文档端点仅容器网内可达，api:gen 无通路），键名对齐后端 operationId - 审计修复：outDir 回 dist 根（CI zip 根须含 html）、main.ts 显式引入 @/api 挂载全局 Apis、保存失败重拉回滚、路由页补只读 timeout/bodyLimit 列、详情弹窗 backendCode 恒空说明
2026-09-23 14:28:10 +08:00
commit bed87ced52
88 changed files with 12542 additions and 0 deletions
@@ -0,0 +1,130 @@
+import { ConfigEnv, UserConfig, defineConfig } from "vite";
+import { createHtmlPlugin } from "vite-plugin-html";
+import vue from "@vitejs/plugin-vue";
+import path, { resolve } from "path";
+import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
+import ViteAutoImport from "unplugin-auto-import/vite";
+
+import UnoCSS from "@unocss/vite";
+import presetUno from "@unocss/preset-uno";
+import presetRemToPx from "@unocss/preset-rem-to-px";
+
+// 构建输出恒为 dist 根：CI 打包 zip 的根目录必须直接是 index.html（projman 前端发布校验 zip 根含 html）。
+// 不再有 dist/base 中间层——outDir=dist/base 时 zip 打 dist 整层，zip 根只有 base/，发布会校验失败。
+// dev（--mode dev）读 .env.dev，VITE_SERVICE_HOST 指向同源前缀 /open-gateway（经下方 proxy 打到 base 域）
+export default defineConfig(({ command, mode }: ConfigEnv): UserConfig => {
+    const outDir = "dist";
+
+    return {
+        plugins: [
+            vue(),
+            createSvgIconsPlugin({
+                iconDirs: [resolve(process.cwd(), "src/assets/icons")],
+                symbolId: "icon-[dir]-[name]",
+                inject: "body-last",
+                customDomId: "__svg__icons__dom__",
+            }),
+            ViteAutoImport({
+                imports: [
+                    "vue",
+                    "vue-router",
+                    {
+                        "view-ui-plus": ["Button", "Table", "Modal", "Message", "Form", "FormItem", "Input", "Select"],
+                    },
+                    {
+                        from: "alova/client",
+                        imports: ["usePagination", "useRequest", "useWatcher", "useForm"],
+                    },
+                ],
+                dts: "./src/auto-imports.d.ts",
+                dirs: ["src/api"],
+            }),
+            createHtmlPlugin({
+                minify: true,
+                pages: [
+                    {
+                        entry: "src/main.ts",
+                        template: "index.html",
+                        filename: "index.html",
+                        injectOptions: {
+                            data: {
+                                title: "开放网关",
+                                injectScript: ``,
+                            },
+                        },
+                    },
+                ],
+            }),
+            UnoCSS({
+                presets: [
+                    presetUno(),
+                    presetRemToPx({ baseFontSize: 4 }), // 1单位=1px（去rem化）
+                ],
+                shortcuts: {
+                    "flex-center": "flex items-center justify-center",
+                    btn: "px-16px py-8px rounded-4px cursor-pointer transition-all duration-200",
+                    "btn-primary": "bg-blue-600 text-white hover:bg-blue-700",
+                    card: "bg-white rounded-8px shadow-md p-16px",
+                    "text-ellipsis": "truncate",
+                    "text-multi-ellipsis": "line-clamp-2",
+                },
+                theme: {
+                    fontSize: {
+                        xs: "12px",
+                        sm: "14px",
+                        base: "16px",
+                        lg: "18px",
+                        xl: "20px",
+                        "2xl": "24px",
+                    },
+                },
+            }),
+        ],
+        resolve: {
+            alias: {
+                "@": path.resolve(__dirname, "./src"),
+            },
+        },
+        server: {
+            host: "localhost",
+            port: 8131,
+            // 本地联调：/open-gateway/api/* → base 域（Caddy 剥前缀后转发到网关容器网内 10013）
+            // 走代理而非跨源直连：网关无 CORS，且 10013 仅绑容器网内 127.0.0.1
+            proxy: {
+                "/open-gateway/api": {
+                    target: "http://base.yunhaixingtong.com",
+                    changeOrigin: true,
+                },
+            },
+        },
+        base: "./",
+        build: {
+            target: "modules",
+            outDir,
+            assetsDir: "assets",
+            sourcemap: false,
+            minify: "esbuild",
+            chunkSizeWarningLimit: 1000,
+            cssTarget: "chrome61",
+            rollupOptions: {
+                input: {
+                    main: resolve("index.html"),
+                },
+                output: {
+                    chunkFileNames: "static/js/[name]-[hash].js",
+                    entryFileNames: "static/js/[name]-[hash].js",
+                    assetFileNames: (assetInfo: any) => {
+                        if (assetInfo.type === "asset" && /\.(jpe?g|png|gif|svg)$/i.test(assetInfo.name)) {
+                            return "static/img/[name].[hash][ext]";
+                        }
+                        if (assetInfo.type === "asset" && /\.(ttf|woff|woff2|eot)$/i.test(assetInfo.name)) {
+                            return "static/fonts/[name].[hash][ext]";
+                        }
+                        return "static/[ext]/[name]-[hash].[ext]";
+                    },
+                },
+                manualEntrypoint: "index.html",
+            },
+        },
+    };
+});