cxxfds-web/vite.config.ts

// @ts-expect-error connect-history-api-fallback 未提供类型声明
import history from 'connect-history-api-fallback'
import path from 'node:path'
import { fileURLToPath } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { viteStaticCopy } from 'vite-plugin-static-copy'
import type { Plugin } from 'vite'

const __dirname = path.dirname(fileURLToPath(import.meta.url))
const laravelPublicAdmin = path.resolve(__dirname, '../cxxfds-service/public/admin')

function spaHistoryFallback(): Plugin {
  const middleware = history({ index: '/index.html' })
  return {
    name: 'spa-history-fallback',
    configureServer(server) {
      return () => {
        server.middlewares.use(middleware)
      }
    },
    configurePreviewServer(server) {
      return () => {
        server.middlewares.use(middleware)
      }
    },
  }
}

// https://vite.dev/config/
export default defineConfig(({ mode }) => ({
  base: mode === 'production' ? '/admin/' : '/',
  build: {
    outDir: laravelPublicAdmin,
    emptyOutDir: true,
  },
  plugins: [
    vue(),
    spaHistoryFallback(),
    /** 勿在 dev 对 /frontend/prototype 挂 sirv：会与 import prototype.css 冲突（返回 text/css 导致动态 import .vue 失败） */
    viteStaticCopy({
      targets: [
        {
          src: 'frontend/prototype/**/*',
          dest: 'frontend/prototype',
          rename: { stripBase: 2 },
        },
      ],
    }),
  ],
  server: {
    open: '/',
    proxy: {
      '/api': {
        // cxxfds-service；与本机 php artisan serve 端口一致（8000 常被其它 Laravel 占用时改用 8001）
        target: 'http://127.0.0.1:8001',
        changeOrigin: true,
      },
    },
  },
  preview: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:8001',
        changeOrigin: true,
      },
    },
  },
}))