安装(注意,@vitejs/plugin-legacy版本是和当前vite版本适配的,下面对应的vite版本是6.3.5)
npm install @vitejs/plugin-legacy@6.1.1 --save-devvite配置项
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,
},
}
}
}
})