VberAdminPlus/UI/VAP.Vue/vite.config.ts

import { defineConfig, loadEnv } from "vite"
import { resolve } from "path"
import createVitePlugins from "./vite/plugins"

// https://vitejs.dev/config/
export default defineConfig(({ mode, command }) => {
	const env = loadEnv(mode, process.cwd())
	const { VITE_APP_ENV } = env
	return {
		// 部署生产环境和开发环境下的URL。
		// 默认情况下，vite 会假设你的应用是被部署在一个域名的根路径上
		// 例如 https://www.vber.net/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.vber.net/admin/，则设置 baseUrl 为 /admin/。
		base: VITE_APP_ENV === "production" ? "/" : "/",
		plugins: createVitePlugins(env, command === "build"),
		resolve: {
			// https://cn.vitejs.dev/config/#resolve-alias
			alias: {
				"@a": resolve(__dirname, "./src/api"),
				"@s": resolve(__dirname, "./src/stores"),
				"@r": resolve(__dirname, "./src/router"),
				"@v": resolve(__dirname, "./src/views"),
				"@@": resolve(__dirname, "./src/core"),
				"@@@": resolve(__dirname, "./src/components"),
				"@com": resolve(__dirname, "./src/components"),
				"@": resolve(__dirname, "./src"),
				"~": resolve(__dirname, "./")
			},
			// https://cn.vitejs.dev/config/#resolve-extensions
			extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json", ".vue"]
		},
		// vite 相关配置
		server: {
			port: 6060,
			// host: true,
			host: "0.0.0.0",
			// 热更新
			hmr: true,
			// 设为 true 时若端口已被占用则会直接退出，而不是尝试下一个可用端口
			strictPort: true,
			open: true,
			proxy: {
				"/dev-api": {
					target: "http://192.168.0.82:6066",
					changeOrigin: true,
					rewrite: (p) => p.replace(/^\/dev-api/, "")
				}
				// "/dev-api": {
				// 	target: "http://192.168.0.82:6060",
				// 	changeOrigin: true,
				// 	rewrite: (p) => p.replace(/^\/dev-api/, "/prod-api")
				// }
			}
		},
		preview: {
			port: 6666,
			// host: true,
			host: "0.0.0.0",
			// 热更新
			hmr: true,
			// 设为 true 时若端口已被占用则会直接退出，而不是尝试下一个可用端口
			strictPort: true,
			open: true,
			proxy: {
				// "/prod-api": {
				//   target: "http://localhost:6060",
				//   changeOrigin: true,
				//   rewrite: (p) => p.replace(/^\/prod-api/, ""),
				// },	1
				"/prod-api": {
					target: "http://192.168.0.82:6066",
					changeOrigin: true,
					rewrite: (p) => p.replace(/^\/prod-api/, "/prod-api")
				}
			}
		}
	}
})