安装(注意,@vitejs/plugin-legacy版本是和当前vite版本适配的,下面对应的vite版本是6.3.5)

npm install @vitejs/plugin-legacy@6.1.1 --save-dev

vite配置项

import { defineConfig } from 'vite'
import { loadEnv } from 'vite';
import vue from '@vitejs/plugin-vue'
import { viteMockServe } from 'vite-plugin-mock'
import tailwindcss from '@tailwindcss/vite'
import legacy from '@vitejs/plugin-legacy'
import path from 'path'
// https://vite.dev/config/
export default defineConfig(({ command,mode }) => {
  const env = loadEnv(mode, process.cwd());
  return {
    plugins: [
      vue(),
      tailwindcss(),
      legacy({
        targets: ['ie >= 10'],
        additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
        renderLegacyChunks: true,
        polyfills: true
      }),
      viteMockServe({
        ignore: /^\_/,
        mockPath: 'mock',
        watchFiles: true,
        localEnabled: true,
        prodEnabled: true,
        injectCode: `
          import { setupProdMockServer } from './mock/_createProductionServer.js';
          setupProdMockServer();
        `,
        injectFile: path.resolve(process.cwd(), 'src/main.js')
      }),
    ],
    define: {
      'process.env': env, // 将环境变量注入 process.env
    },
    resolve: {
      alias: {
        '@': path.resolve(__dirname, './src') // Map @ to src/ folder
      }
    },
   server: {
      port: 5173,
      proxy: {
        '/aiChat': {
          target: 'http://10.1.112.237:33081',
          changeOrigin: true,
        },
      }
    }
  }
})