frontend-admin / Daocheng-Yading

  import { defineConfig, loadEnv } from 'vite'

  import path from 'path'

  import type { ProxyOptions } from 'vite'

  import tailwindcss from '@tailwindcss/vite'
  import react from '@vitejs/plugin-react'
  

  /** 开发时代理到 PHP；默认 9901，可用 .env.development 的 VITE_DEV_PROXY_TARGET 覆盖 */
  function devProxyTarget(mode: string): string {
    const env = loadEnv(mode, process.cwd(), '')
    const raw = env.VITE_DEV_PROXY_TARGET?.trim() || 'http://127.0.0.1:9901'
    return raw.replace(/\/$/, '')
  }
  
  let proxyErrorHintPrinted = false
  
  function withProxyErrorHint(target: string): ProxyOptions {
    return {
      target,
      changeOrigin: true,
      configure(proxy) {
        proxy.on('error', (err: Error) => {
          if (proxyErrorHintPrinted) return
          proxyErrorHintPrinted = true
          console.error(`\n[vite proxy] ${err.message}`)
          console.error(`[vite proxy] 无法连接 ${target}（ECONNREFUSED = 该端口没有 PHP 在监听）`)
          console.error('[vite proxy] 请在新终端执行：')
          console.error('  cd ../daocheng-api')
          console.error('  composer run dev')
          console.error('  或在本目录执行：npm run api')
          console.error('[vite proxy] 若后端端口不同，请改 .env.development 里 VITE_DEV_PROXY_TARGET 与之一致。\n')
        })
      },
    }
  }
  
  export default defineConfig(({ mode }) => {
    const target = devProxyTarget(mode)
    return {
      server: {
        port: 9999,
        strictPort: true,
        proxy: {
          '/api': withProxyErrorHint(target),
          '/uploads': withProxyErrorHint(target),

        },
      },

      plugins: [react(), tailwindcss()],
      resolve: {
        alias: {
          '@': path.resolve(__dirname, './src'),
        },

      },

      assetsInclude: ['**/*.svg', '**/*.csv'],
    }

  })