|
|
import { fileURLToPath, URL } from 'node:url';
|
|
|
import { defineConfig, loadEnv } from 'vite';
|
|
|
import vue from '@vitejs/plugin-vue';
|
|
|
import vueJsx from '@vitejs/plugin-vue-jsx';
|
|
|
import vueDevTools from 'vite-plugin-vue-devtools';
|
|
|
import envCompatible from 'vite-plugin-env-compatible';
|
|
|
|
|
|
// Element-Plus 按需导入
|
|
|
import AutoImport from 'unplugin-auto-import/vite';
|
|
|
import Components from 'unplugin-vue-components/vite';
|
|
|
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
|
|
|
|
|
|
// https://vite.dev/config/
|
|
|
export default defineConfig(({ mode }) => {
|
|
|
// 根据当前工作目录（process.cwd()）中的 `mode` 加载 .env 文件
|
|
|
const env = loadEnv(mode, process.cwd(), 'VITE_');
|
|
|
|
|
|
return {
|
|
|
plugins: [
|
|
|
vue(),
|
|
|
vueJsx(),
|
|
|
vueDevTools(),
|
|
|
envCompatible(), // 添加 vite-plugin-env-compatible 插件
|
|
|
AutoImport({
|
|
|
resolvers: [ElementPlusResolver()],
|
|
|
}),
|
|
|
Components({
|
|
|
resolvers: [ElementPlusResolver()],
|
|
|
}),
|
|
|
],
|
|
|
resolve: {
|
|
|
alias: {
|
|
|
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
|
|
},
|
|
|
},
|
|
|
server: {
|
|
|
port: 5173, // 强制 Vite 使用 5173 端口
|
|
|
strictPort: true, // 如果 5173 端口被占用，Vite 将不会自动选择其他端口，而是抛出错误
|
|
|
proxy: {
|
|
|
'/api/v1': {
|
|
|
target: env.VITE_SERVER_URL,
|
|
|
changeOrigin: true,
|
|
|
rewrite: (path) => path.replace(/^\/api\/v1/, ''), // 重写路径，去掉前缀
|
|
|
},
|
|
|
},
|
|
|
},
|
|
|
envDir: "env", // 自定义环境变量的目录
|
|
|
};
|
|
|
});
|
