在 React 里，如何根据不同的环境打包不同的域名？

【概念释义】

多环境 API 域名通过构建时环境变量注入：Vite 用 .env.[mode] 与 VITE_；CRA 用 REACT_APP_。npm run build --mode staging 打出不同配置。敏感密钥不得放前端 env（会打进 bundle）。

【基础使用】

# .env.production
VITE_API_BASE=https://api.prod.com

const base = import.meta.env.VITE_API_BASE;
fetch(`${base}/users`);