AIGC/demo/frontend/vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src')
    }
  },
  // 生产/开发环境配置
  base: process.env.NODE_ENV === 'production' ? '/' : '/',
  
  // 开发服务器配置
  server: {
    port: 8081,
    host: '0.0.0.0', // 允许外部访问
    allowedHosts: true, // 允许所有主机访问
    proxy: {
      '/api': {
        // 开发时代理到本地后端（统一为 localhost:8080）
        target: process.env.VITE_APP_API_URL || 'http://localhost:8080',
        changeOrigin: true,
        secure: false,
        // 后端服务器路径已经包含 /api，所以不需要 rewrite
        // 前端请求 /api/xxx 会转发到 http://localhost:8080/api/xxx
        // 调试时将 cookie 域改写为 localhost
        cookieDomainRewrite: 'localhost',
        cookiePathRewrite: '/',
        configure: (proxy, _options) => {
          proxy.on('error', (err, _req, _res) => {
            console.log('proxy error', err);
          });
          proxy.on('proxyReq', (proxyReq, req, _res) => {
            console.log('Sending Request to the Target:', req.method, req.url);
          });
          proxy.on('proxyRes', (proxyRes, req, _res) => {
            console.log('Received Response from the Target:', proxyRes.statusCode, req.url);
            const setCookie = proxyRes.headers['set-cookie'];
            if (setCookie) {
              console.log('Proxy Set-Cookie:', setCookie);
            }
          });
        }
      }
    }
  },
  
  // 生产环境构建配置
  build: {
    outDir: 'dist',
    assetsDir: 'static',
    // 代码分割优化
    rollupOptions: {
      output: {
        manualChunks: {
          'vue-vendor': ['vue', 'vue-router', 'pinia'],
          'element-plus': ['element-plus', '@element-plus/icons-vue'],
          'utils': ['axios']
        }
      }
    },
    // 生产环境移除 console
    // 注意：如果使用 terser，需要安装: npm install -D terser
    // 暂时使用 esbuild（默认，更快）
    minify: 'esbuild',
    // terserOptions: {
    //   compress: {
    //     drop_console: true,
    //     drop_debugger: true
    //   }
    // },
    // 块大小警告限制
    chunkSizeWarningLimit: 1000
  }
})