0e66bb471f
## 问题描述 生产环境部署后，PostHog 只收到 localhost:3000 的错误报告，而不是生产环境的真实 URL。 ## 根本原因 构建脚本未显式加载生产环境配置文件，导致 PostHog API Key 和 Host 配置未正确嵌入到打包文件中。 ## 解决方案 1. 新增 `.env.production` 生产环境专用配置文件 - 包含正确的 PostHog API Key 和 Host - 设置 REACT_APP_ENV=production - 禁用 Mock 数据 (REACT_APP_ENABLE_MOCK=false) - 配置生产 API 地址 2. 修改 package.json 构建脚本 - 使用 env-cmd 显式加载 .env.production - 确保构建时环境变量正确嵌入 ## 影响范围 - ✅ 生产环境构建: 现在会正确加载配置 - ✅ PostHog 功能: 将使用正确的配置初始化 - ✅ 开发环境: 无影响，仍使用各自的环境文件 - ✅ 部署流程: 服务器构建时自动使用新配置 ## 测试计划 1. 本地执行 npm run build 验证构建成功 2. 部署到生产环境 3. 验证 PostHog 后台收到正确的生产 URL 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
43 lines
1.4 KiB
Plaintext
43 lines
1.4 KiB
Plaintext
# ========================================
|
||
# 生产环境配置
|
||
# ========================================
|
||
# 使用方式: npm run build
|
||
#
|
||
# 工作原理：
|
||
# 1. 此文件专门用于生产环境构建
|
||
# 2. 构建时会将环境变量嵌入到打包文件中
|
||
# 3. 确保 PostHog 等服务使用正确的生产配置
|
||
# ========================================
|
||
|
||
# 环境标识
|
||
REACT_APP_ENV=production
|
||
NODE_ENV=production
|
||
|
||
# Mock 配置（生产环境禁用 Mock）
|
||
REACT_APP_ENABLE_MOCK=false
|
||
|
||
# 后端 API 地址（生产环境）
|
||
REACT_APP_API_URL=http://49.232.185.254:5001
|
||
|
||
# PostHog 分析配置（生产环境）
|
||
# PostHog API Key（从 PostHog 项目设置中获取）
|
||
REACT_APP_POSTHOG_KEY=phc_xKlRyG69Bx7hgOdFeCeLUvQWvSjw18ZKFgCwCeYezWF
|
||
# PostHog API Host（使用 PostHog Cloud）
|
||
REACT_APP_POSTHOG_HOST=https://app.posthog.com
|
||
# 启用会话录制（Session Recording）用于回放用户操作、排查问题
|
||
REACT_APP_ENABLE_SESSION_RECORDING=true
|
||
|
||
# React 构建优化配置
|
||
# 禁用 source map 生成（生产环境不需要，提升打包速度和安全性）
|
||
GENERATE_SOURCEMAP=false
|
||
# 跳过预检查（加快启动速度）
|
||
SKIP_PREFLIGHT_CHECK=true
|
||
# 禁用 ESLint 检查（生产构建时不需要）
|
||
DISABLE_ESLINT_PLUGIN=true
|
||
# TypeScript 编译错误时继续
|
||
TSC_COMPILE_ON_ERROR=true
|
||
# 图片内联大小限制
|
||
IMAGE_INLINE_SIZE_LIMIT=10000
|
||
# Node.js 内存限制（适用于大型项目）
|
||
NODE_OPTIONS=--max_old_space_size=4096
|