iot-device-management-frontend/apps/web-antd/vite.config.mts

import type { Plugin } from 'vite';

import { copyFileSync, mkdirSync } from 'node:fs';
import { createRequire } from 'node:module';
import { dirname, resolve } from 'node:path';
import { fileURLToPath } from 'node:url';

import { defineConfig } from '@vben/vite-config';

/**
 * 启动/构建时把 lottie-web 的 light 播放器从 node_modules 拷到 public/
 * 供 loading.html 以 <script src="/lottie_light.min.js"> 方式加载。
 *
 * 每次 configResolved 都无条件覆盖：文件约 160KB，成本可忽略；
 * 且避免依赖 mtime 比较（pnpm 安装后 node_modules 的 mtime 与上游
 * 发布时间无关，mtime 比较会误判为"已是最新"而不更新）。
 */
function copyLottiePlayer(): Plugin {
  const require = createRequire(import.meta.url);
  const src = require.resolve('lottie-web/build/player/lottie_light.min.js');
  const dest = resolve(
    dirname(fileURLToPath(import.meta.url)),
    'public/lottie_light.min.js',
  );

  return {
    name: 'web-antd:copy-lottie-player',
    configResolved: () => {
      mkdirSync(dirname(dest), { recursive: true });
      copyFileSync(src, dest);
    },
  };
}

export default defineConfig(async () => {
  return {
    application: {},
    vite: {
      plugins: [copyLottiePlayer()],
      server: {
        allowedHosts: true,
        proxy: {
          // ==================== Video 模块统一路由 ====================

          // video/alarm, video/edge -> 告警服务 :8000（直通）
          '/admin-api/video/alarm': {
            changeOrigin: true,
            target: 'http://127.0.0.1:8000',
          },
          '/admin-api/video/edge': {
            changeOrigin: true,
            target: 'http://127.0.0.1:8000',
          },
          // 告警截图静态文件 -> 告警服务 :8000
          '/uploads': {
            changeOrigin: true,
            target: 'http://127.0.0.1:8000',
          },
          // Edge 本地截图（COS 未配置时回退）-> 告警服务 :8000
          '/captures': {
            changeOrigin: true,
            target: 'http://127.0.0.1:8000',
          },
          // COS 存储相关接口 -> 告警服务 :8000
          '/admin-api/video/storage': {
            changeOrigin: true,
            target: 'http://127.0.0.1:8000',
          },

          // ==================== 芋道主平台 ====================
          // 所有 system/*、infra/*、video/device/* 等业务接口 -> 芋道网关 48080
          // video 微服务已挂到 gateway，不再直连 WVP :18080
          '/admin-api': {
            changeOrigin: true,
            rewrite: (path) => path.replace(/^\/admin-api/, ''),
            // mock代理目标地址
            target: 'http://localhost:48080/admin-api',
            ws: true,
          },
        },
      },
    },
  };
});