MyHomepage/frontend/vite.config.ts

import { defineConfig, loadEnv } from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'node:path';

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), '');
  // P34.2 修复：默认端口必须与后端 Program.cs 里的 urls 保持一致（当前为 5141）。
  // 之前默认 5080 与后端真实端口不一致 → Vite proxy 转发到 5080 没人监听 → 前端全 500。
  // 主人 dev 时如要切到其他端口，在 frontend/.env 里设 VITE_API_BASE=http://localhost:新端口 即可覆盖。
  const apiTarget = env.VITE_API_BASE || 'http://localhost:5141';
  return {
    plugins: [vue()],
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src')
      }
    },
    server: {
      port: 5173,
      host: '0.0.0.0',
      proxy: {
        '/api': {
          target: apiTarget,
          changeOrigin: true
        },
        '/uploads': {
          target: apiTarget,
          changeOrigin: true
        }
      }
    },
    build: {
      outDir: 'dist',
      sourcemap: false,
      rollupOptions: {
        output: {
          manualChunks: {
            vue: ['vue', 'vue-router', 'pinia'],
            icons: ['lucide-vue-next']
          }
        }
      }
    }
  };
});