// =============================================================================
// 企微IT智能服务台 — H5用户端 Vite 配置
// =============================================================================
// 说明：Vite 构建工具配置，定义开发服务器、Vant 按需引入等
// =============================================================================

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// Vant 按需引入组件解析器
import Components from 'unplugin-vue-components/vite'
import { VantResolver } from '@vant/auto-import-resolver'

// Vite 配置
// https://vitejs.dev/config/
export default defineConfig({
  // 生产环境基础路径（部署在 /h5/ 子路径下）
  base: '/h5/',

  plugins: [
    // Vue3 插件
    vue(),
    // Vant 组件按需引入
    // 自动导入 Vant 组件，无需手动 import，减小打包体积
    Components({
      resolvers: [VantResolver()],
    }),
  ],

  // 开发服务器配置
  server: {
    // 开发服务器端口（避免和坐席前端冲突）
    port: 5174,
    // 自动打开浏览器
    open: true,
    // API 代理：将 /api 请求转发到后端
    proxy: {
      '/api': {
        // 开发代理目标：默认 localhost:8000（宿主机本地直跑后端）；
        // Docker 化 dev 栈中前端容器内的 localhost 不是后端，需用 compose 服务名 backend:8000。
        // 通过 VITE_PROXY_TARGET 注入，避免写死导致容器内 502/ECONNREFUSED。
        target: process.env.VITE_PROXY_TARGET || 'http://localhost:8000',
        changeOrigin: true,
        // 本地开发剥离 /api 前缀，因为后端路由不包含 /api（生产 nginx 负责剥离）
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    },
  },

  // 构建配置
  build: {
    // 输出目录
    outDir: 'dist',
    // 静态资源内联阈值
    assetsInlineLimit: 4096,
  },

  // 路径别名
  resolve: {
    alias: {
      '@': '/src',
    },
  },
})