vf_react

vf/vf_react

Fork 0

Commit Graph

Author	SHA1	Message	Date
zdl	c593582006	feat(devtools): 添加生产环境调试工具系统新增调试工具目录 src/devtools/，提供完整的生产环境调试能力： - apiDebugger: 拦截所有 API 请求/响应，记录日志 - notificationDebugger: 测试浏览器通知，检查权限 - socketDebugger: 监听所有 Socket 事件，诊断连接状态 - 全局 API: window.__DEBUG__ 提供便捷的控制台调试命令功能特性： - 环境变量控制：REACT_APP_ENABLE_DEBUG=true 开启 - 动态导入：不影响生产环境性能 - 完整诊断：diagnose()、performance()、exportAll() - 易于移除：所有代码集中在 src/devtools/ 目录 Webpack 配置： - 添加 'debug' alias 强制解析到 node_modules/debug - 添加 @devtools alias 简化导入路径 - 避免与 npm debug 包的命名冲突 🔧 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-11-10 17:26:14 +08:00
zdl	0e66bb471f	fix: 修复 PostHog 生产环境配置问题 ## 问题描述生产环境部署后，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>	2025-11-03 18:42:58 +08:00

Author

SHA1

Message

Date

zdl

c593582006

feat(devtools): 添加生产环境调试工具系统

新增调试工具目录 src/devtools/，提供完整的生产环境调试能力：

- apiDebugger: 拦截所有 API 请求/响应，记录日志
- notificationDebugger: 测试浏览器通知，检查权限
- socketDebugger: 监听所有 Socket 事件，诊断连接状态
- 全局 API: window.__DEBUG__ 提供便捷的控制台调试命令

功能特性：
- 环境变量控制：REACT_APP_ENABLE_DEBUG=true 开启
- 动态导入：不影响生产环境性能
- 完整诊断：diagnose()、performance()、exportAll()
- 易于移除：所有代码集中在 src/devtools/ 目录

Webpack 配置：
- 添加 'debug' alias 强制解析到 node_modules/debug
- 添加 @devtools alias 简化导入路径
- 避免与 npm debug 包的命名冲突

🔧 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-11-10 17:26:14 +08:00

zdl

0e66bb471f

fix: 修复 PostHog 生产环境配置问题

## 问题描述
生产环境部署后，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>

2025-11-03 18:42:58 +08:00

2 Commits