react-ruoyi/new-react-admin-ui/vite.config.ts

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

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
      '@/components': path.resolve(__dirname, './src/components'),
      '@/pages': path.resolve(__dirname, './src/pages'),
      '@/utils': path.resolve(__dirname, './src/utils'),
      '@/types': path.resolve(__dirname, './src/types'),
      '@/adapters': path.resolve(__dirname, './src/adapters')
    }
  },
  server: {
    port: 3000,
    open: true,
    proxy: {
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      },
      // 他のパスが誤ってバックエンドにプロキシされるのを避ける
      '^/(?!api)': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        bypass: (req) => {
          // APIリクエストでない場合、プロキシをスキップ
          if (!req.url.startsWith('/api')) {
            return req.url;
          }
        }
      }
    }
  },
  build: {
    outDir: 'dist',
    sourcemap: true
  }
})