uni-app CLI：APP 多环境打包（测试/正式）最简配置 + `import.meta.env` 为 `undefined` 的解决

要达成的效果

• npm run build:app-plus:test → APP 走测试接口：https://api-test.example.com/prod-api
• npm run build:app-plus:prod → APP 走正式接口：https://api.example.com/prod-api

需要改的 3 个地方

1）.env.build-dev（测试）

VITE_API_BASE_URL=https://api-test.example.com

2）.env.production（正式）

VITE_API_BASE_URL=https://api.example.com

3）package.json（两条命令）

{
  "scripts": {
    "build:app-plus:test": "uni build --platform app-plus --mode build-dev",
    "build:app-plus:prod": "uni build --platform app-plus --mode production"
  }
}

import.meta.env 为啥在 APP 里会是 undefined？

APP 端有些链路下不会稳定保留 import.meta.env。最稳做法是：构建时把域名写死进产物。

最简单写法

在 vite.config.js 注入一个编译期常量：

define: {
  __VITE_API_BASE_URL__: JSON.stringify(apiBaseUrl)
}

在 使用的地方优先读它：

const envApiBase =
  typeof __VITE_API_BASE_URL__ !== "undefined"
    ? __VITE_API_BASE_URL__
    : import.meta?.env?.VITE_API_BASE_URL;