Skip to main content

简单的环境切换方案

保持原有代码不变，只需要：

1. 环境配置文件​

  • .env - 默认配置（当前：http://124.222.202.16:8080）
  • .env.development - 开发环境（http://localhost:8097）
  • .env.staging - 预发布环境（http://staging.your-domain.com:8080）
  • .env.production - 生产环境（http://124.222.202.16:8080）

2. 使用方法​

# 开发环境（使用 localhost:8097）
npm run dev

# 预发布环境
npm run dev:staging

# 生产环境开发模式
npm run dev:prod

# 构建
npm run build              # 使用默认环境
npm run build:staging      # 预发布环境构建
npm run build:prod         # 生产环境构建

3. Next.js 自动处理​

Next.js 会根据 NODE_ENV 自动加载对应的 .env.* 文件：

  • NODE_ENV=development → 加载 .env.development
  • NODE_ENV=staging → 加载 .env.staging
  • NODE_ENV=production → 加载 .env.production

你的 apiClient.ts 中的 process.env.NEXT_PUBLIC_API_URL 会自动获取到正确的值。

就这么简单！无需修改任何现有代码。