vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
442 Commits 29 Branches 1 Tag
319a78d34c8af24f1318fb1b95bd60d23c529b14
Commit Graph

17 Commits

Author SHA1 Message Date
zdl
c51d3811e5 feat: 添加 @tanstack/react-virtual 依赖 2025-11-05 08:24:28 +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
zdl
5d8ad5e442 feat: bugfix 2025-10-31 10:33:53 +08:00
zdl
0e1cc11330 feat: 优化packge.json 2025-10-29 16:01:28 +08:00
zdl
e9b54ce10d feat: package.json 优化方案 
主要改动: 配置本地开发环境 PostHog 上报到 Cloud\

     1. 修改 npm start 默认行为
       - start → 使用 .env.mock (默认 mock 数据)
       - 添加 start:real → 使用 .env.local (真实后端)
     2. 添加 PostHog 测试脚本
       - 新增 test:tracking → 启用 PostHog debug 模式 + mock 数据
     3. 清理冗余脚本
       - 移除 start:local (冗余,只是调用 npm start)
       - 重命名 install:clean → reinstall (移除自动启动)
       - 添加 dev 快捷命令 (等同于 npm start)
       - 添加 clean 命令 (只清理,不安装)
     4. 优化 NODE_OPTIONS
       - 不在每个命令中重复,通过注释说明可以提取为环境变量
       - 保持 exit 0 在 lint 命令中
 2025-10-29 16:00:21 +08:00
zdl
6506cb222b feat: PostHog 集成\ 
1. ✅ 安装依赖: posthog-js@^1.280.1
  2. ✅ 创建核心文件:
    - src/lib/posthog.js - PostHog SDK 封装（271 行）
    - src/lib/constants.js - 事件常量定义（AARRR 框架）
    - src/hooks/usePostHog.js - PostHog React Hook
    - src/hooks/usePageTracking.js - 页面追踪 Hook
    - src/components/PostHogProvider.js - Provider 组件
  3. ✅ 集成到应用:
    - 修改 src/App.js，在最外层添加 <PostHogProvider>
    - 自动追踪所有页面浏览
  4. ✅ 配置环境变量:
    - 在 .env 添加 PostHog 配置项
    - REACT_APP_POSTHOG_KEY 留空，需要用户填写
  5. ✅ 创建文档: POSTHOG_INTEGRATION.md 包含完整的使用说明
 2025-10-28 20:09:21 +08:00
zdl
a5702b631c feat: 调整依赖 2025-10-26 13:48:29 +08:00
zdl
094793c022 feat: 热门关键词UI调整 数据获取逻辑调整 接入redux 2025-10-25 18:22:41 +08:00
zdl
cc210f9fda feat: 自动化部署代码初步提交 2025-10-22 11:02:39 +08:00
zdl
2d9d047a9f feat: 添加mock数据，给导航添加选中标识 2025-10-17 15:01:35 +08:00
zdl
4d0e40c733 feat: 修复登陆和注册 2025-10-15 23:52:35 +08:00
zdl
d6ab01b39d feat: 修复登陆和注册button请求事件 2025-10-15 23:27:42 +08:00
zdl
7250f72397 pref: packge升级 2025-10-15 21:58:18 +08:00
zdl
cd50d718fe pref: 代码打包优化 2025-10-13 19:53:13 +08:00
zdl
fae8ef10b1 feat: 优化构建速度和包大小 2025-10-13 16:01:17 +08:00
zdl
495ad758ea feat: 10.10线上最新代码提交 2025-10-11 16:16:02 +08:00
zzlgreat
8107dee8d3 Initial commit 2025-10-11 12:02:01 +08:00