Skip to content

环境与代理 ​

Vue-Launchpad 使用 Vite 标准 .env 文件承载运行环境差异,并额外约定 VITE_USER_NODE_ENV 作为业务侧可读的环境枚举。

环境文件 ​

文件使用场景
.env.example提交给团队的配置样例。
.env.development本地开发默认配置。
.env.staging预发/测试构建配置。
.env.production生产构建配置。
.env.development.local本地私有配置,不建议提交。

核心变量 ​

变量说明
VITE_USER_NODE_ENV业务侧环境标识,如 development、staging、production。
VITE_APP_BASE_APIAxios 请求层读取的 API 根路径。
VITE_PROXY_API开发代理目标,会映射为 /api。

动态代理规则 ​

任何 VITE_PROXY_XXX 都会被自动转换成代理前缀:

环境变量代理前缀
VITE_PROXY_API/api
VITE_PROXY_AUTH_SERVICE/auth-service
VITE_PROXY_ORDER_CENTER/order-center

生产环境不会生成本地代理,前端会直接请求 VITE_APP_BASE_API 指向的真实网关。

自定义覆盖 ​

如需覆盖代理细节,可以复制 proxy.custom.example.ts 为 proxy.custom.ts。同前缀配置会与自动规则深度合并,自定义字段优先级更高。

ts
import type { LaunchpadProxyOverrides } from "./build/proxy";

export default {
  "/api": {
    target: "http://localhost:9000",
  },
} satisfies LaunchpadProxyOverrides;