vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加日志

Browse Source
This commit is contained in:
zdl
2025-10-18 08:08:58 +08:00
parent 36558e0715
commit b46ee4a18e
5 changed files with 74 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/Auth/WechatRegister.js
View File

@@ -11,6 +11,7 @@ import {
import { FaQrcode } from "react-icons/fa";
import { useNavigate } from "react-router-dom";
import { authService, WECHAT_STATUS, STATUS_MESSAGES } from "../../services/authService";
import { logger } from "../../utils/logger";
// 配置常量
const POLL_INTERVAL = 2000; // 轮询间隔：2秒
@@ -109,7 +110,7 @@ export default function WechatRegister() {
throw new Error(response?.error || '登录失败');
}
} catch (error) {
console.error('登录失败:', error);
logger.error('WechatRegister', 'handleLoginSuccess', error, { sessionId });
showError("登录失败", error.message || "请重试");
}
}, [navigate, showSuccess, showError]);
@@ -126,7 +127,7 @@ export default function WechatRegister() {
// 安全检查：确保 response 存在且包含 status
if (!response || typeof response.status === 'undefined') {
console.warn('微信状态检查返回无效数据:', response);
logger.warn('WechatRegister', '微信状态检查返回无效数据', { response });
return;
}
@@ -156,7 +157,7 @@ export default function WechatRegister() {
}
}
} catch (error) {
console.error("检查微信状态失败:", error);
logger.error('WechatRegister', 'checkWechatStatus', error, { sessionId: wechatSessionId });
// 轮询过程中的错误不显示给用户，避免频繁提示
// 但如果错误持续发生，停止轮询避免无限重试
if (error.message.includes('网络连接失败')) {
@@ -222,7 +223,7 @@ export default function WechatRegister() {
// 启动轮询检查扫码状态
startPolling();
} catch (error) {
console.error('获取微信授权失败:', error);
logger.error('WechatRegister', 'getWechatQRCode', error);
if (isMountedRef.current) {
showError("获取微信授权失败", error.message || "请稍后重试");
}
@@ -241,7 +242,7 @@ export default function WechatRegister() {
await getWechatQRCode();
} catch (error) {
// 错误已经在 getWechatQRCode 中处理，这里只需要防止未捕获的 Promise rejection
console.error('QR code button click error (caught in handler):', error);
logger.error('WechatRegister', 'handleGetQRCodeClick', error);
}
}, [getWechatQRCode]);
@@ -264,20 +265,20 @@ export default function WechatRegister() {
useEffect(() => {
// 只在有auth_url、session_id且状态为waiting时启动备用轮询
if (wechatAuthUrl && wechatSessionId && wechatStatus === WECHAT_STATUS.WAITING) {
console.log('备用轮询：启动备用轮询机制');
logger.debug('WechatRegister', '备用轮询：启动备用轮询机制');
backupPollIntervalRef.current = setInterval(() => {
try {
if (wechatStatus === WECHAT_STATUS.WAITING && isMountedRef.current) {
console.log('备用轮询：检查微信状态');
logger.debug('WechatRegister', '备用轮询：检查微信状态');
// 添加 .catch() 静默处理异步错误，防止被 ErrorBoundary 捕获
checkWechatStatus().catch(error => {
console.warn('备用轮询检查失败（静默处理）:', error);
logger.warn('WechatRegister', '备用轮询检查失败（静默处理）', { error: error.message });
});
}
} catch (error) {
// 捕获所有同步错误，防止被 ErrorBoundary 捕获
console.warn('备用轮询执行出错（静默处理）:', error);
logger.warn('WechatRegister', '备用轮询执行出错（静默处理）', { error: error.message });
}
}, BACKUP_POLL_INTERVAL);
}

19
src/views/EventDetail/index.js
View File

@@ -74,10 +74,11 @@ import TransmissionChainAnalysis from './components/TransmissionChainAnalysis';
// 导入你的 Flask API 服务
import { eventService } from '../../services/eventService';
import { debugEventService } from '../../utils/debugEventService';
import { logger } from '../../utils/logger';
// 临时调试代码 - 生产环境测试后请删除
if (typeof window !== 'undefined') {
console.log('EventDetail - 调试 eventService');
logger.debug('EventDetail', '调试 eventService');
debugEventService();
}
@@ -131,7 +132,7 @@ const PostItem = ({ post, onRefresh }) => {
setComments(result.data);
}
} catch (error) {
console.error('Failed to load comments:', error);
logger.error('PostItem', 'loadComments', error, { postId: post.id });
} finally {
setIsLoading(false);
}
@@ -383,7 +384,7 @@ const EventDetail = () => {
const stocksResponse = await eventService.getRelatedStocks(actualEventId);
setRelatedStocks(stocksResponse.data || []);
} catch (e) {
console.warn('加载相关股票失败:', e);
logger.warn('EventDetail', '加载相关股票失败', { eventId: actualEventId, error: e.message });
setRelatedStocks([]);
}
@@ -393,7 +394,7 @@ const EventDetail = () => {
const conceptsResponse = await eventService.getRelatedConcepts(actualEventId);
setRelatedConcepts(conceptsResponse.data || []);
} catch (e) {
console.warn('加载相关概念失败:', e);
logger.warn('EventDetail', '加载相关概念失败', { eventId: actualEventId, error: e.message });
}
}
@@ -402,11 +403,11 @@ const EventDetail = () => {
const eventsResponse = await eventService.getHistoricalEvents(actualEventId);
setHistoricalEvents(eventsResponse.data || []);
} catch (e) {
console.warn('历史事件加载失败', e);
logger.warn('EventDetail', '历史事件加载失败', { eventId: actualEventId, error: e.message });
}
} catch (err) {
console.error('Error loading event data:', err);
logger.error('EventDetail', 'loadEventData', err, { eventId: actualEventId });
setError(err.message || '加载事件数据失败');
} finally {
setLoading(false);
@@ -419,7 +420,7 @@ const EventDetail = () => {
const stocksResponse = await eventService.getRelatedStocks(actualEventId);
setRelatedStocks(stocksResponse.data);
} catch (err) {
console.error('重新获取股票数据失败:', err);
logger.error('EventDetail', 'refetchStocks', err, { eventId: actualEventId });
}
};
@@ -435,7 +436,7 @@ const EventDetail = () => {
: prev.follower_count + 1
}));
} catch (err) {
console.error('关注操作失败:', err);
logger.error('EventDetail', 'handleFollowToggle', err, { eventId: actualEventId });
}
};
@@ -448,7 +449,7 @@ const EventDetail = () => {
setPosts(result.data || []);
}
} catch (err) {
console.error('加载帖子失败:', err);
logger.error('EventDetail', 'loadPosts', err, { eventId: actualEventId });
} finally {
setPostsLoading(false);
}

4
src/views/Pages/Profile/Profile.js
View File

@@ -24,6 +24,7 @@ import {
useDisclosure,
} from "@chakra-ui/react";
import { useAuth } from "../../../contexts/AuthContext";
import { logger } from "../../../utils/logger";
export default function Profile() {
const { colorMode } = useColorMode();
@@ -32,7 +33,10 @@ export default function Profile() {
const { isOpen, onOpen, onClose } = useDisclosure();
const handleLogout = () => {
logger.info('Profile', '用户登出', { userId: user?.id });
logout();
// ✅ 保留登出成功toast（关键操作提示）
toast({
title: "已登出",
description: "您已成功退出登录",

11
src/views/Profile/ProfilePage.js
View File

@@ -43,6 +43,7 @@ import {
} from '@chakra-ui/react';
import { EditIcon, CheckIcon, CloseIcon, AddIcon } from '@chakra-ui/icons';
import { useAuth } from '../../contexts/AuthContext';
import { logger } from '../../utils/logger';
export default function ProfilePage() {
const { user, updateUser } = useAuth();
@@ -86,12 +87,15 @@ export default function ProfilePage() {
creator_tags: formData.creator_tags.join(',')
};
logger.debug('ProfilePage', '保存个人资料', { userId: user?.id });
// 模拟API调用
await new Promise(resolve => setTimeout(resolve, 1000));
updateUser(updatedData);
setIsEditing(false);
// ✅ 保留关键操作提示
toast({
title: "个人资料更新成功",
status: "success",
@@ -99,6 +103,9 @@ export default function ProfilePage() {
isClosable: true,
});
} catch (error) {
logger.error('ProfilePage', 'handleSaveProfile', error, { userId: user?.id });
// ✅ 保留错误提示
toast({
title: "更新失败",
description: error.message,
@@ -114,10 +121,14 @@ export default function ProfilePage() {
const handleAvatarUpload = (event) => {
const file = event.target.files[0];
if (file) {
logger.debug('ProfilePage', '上传头像', { fileName: file.name, fileSize: file.size });
// 这里应该上传文件到服务器
const reader = new FileReader();
reader.onload = (e) => {
updateUser({ avatar_url: e.target.result });
// ✅ 保留关键操作提示
toast({
title: "头像更新成功",
status: "success",

58
src/views/Settings/SettingsPage.js
View File

@@ -57,6 +57,7 @@ import {
} from '@chakra-ui/icons';
import { FaWeixin, FaMobile, FaEnvelope } from 'react-icons/fa';
import { useAuth } from '../../contexts/AuthContext';
import { logger } from '../../utils/logger';
export default function SettingsPage() {
const { user, updateUser, logout } = useAuth();
@@ -121,6 +122,8 @@ export default function SettingsPage() {
? ""
: process.env.REACT_APP_API_URL || "http://49.232.185.254:5001";
logger.api.request('GET', '/api/account/password-status', null);
const response = await fetch(`${API_BASE_URL}/api/account/password-status`, {
method: 'GET',
credentials: 'include'
@@ -128,13 +131,15 @@ export default function SettingsPage() {
if (response.ok) {
const data = await response.json();
logger.api.response('GET', '/api/account/password-status', response.status, data);
if (data.success) {
console.log('密码状态数据:', data.data); // 调试信息
logger.debug('SettingsPage', '密码状态获取成功', data.data);
setPasswordStatus(data.data);
}
}
} catch (error) {
console.error('获取密码状态失败:', error);
logger.error('SettingsPage', 'fetchPasswordStatus', error);
} finally {
setPasswordStatusLoading(false);
}
@@ -249,34 +254,41 @@ export default function SettingsPage() {
setIsLoading(true);
try {
if (type === 'phone') {
const res = await fetch((process.env.NODE_ENV === 'production' ? '' : process.env.REACT_APP_API_URL || 'http://49.232.185.254:5001') + '/api/account/phone/send-code', {
const url = '/api/account/phone/send-code';
logger.api.request('POST', url, { phone: phoneForm.phone.substring(0, 3) + '****' });
const res = await fetch((process.env.NODE_ENV === 'production' ? '' : process.env.REACT_APP_API_URL || 'http://49.232.185.254:5001') + url, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify({ phone: phoneForm.phone })
});
const data = await res.json();
logger.api.response('POST', url, res.status, data);
if (!res.ok) throw new Error(data.error || '发送失败');
} else {
const url = '/api/account/email/send-bind-code';
logger.api.request('POST', url, { email: emailForm.email.substring(0, 3) + '***@***' });
// 使用绑定邮箱的验证码API
const res = await fetch((process.env.NODE_ENV === 'production' ? '' : process.env.REACT_APP_API_URL || 'http://49.232.185.254:5001') + '/api/account/email/send-bind-code', {
const res = await fetch((process.env.NODE_ENV === 'production' ? '' : process.env.REACT_APP_API_URL || 'http://49.232.185.254:5001') + url, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify({ email: emailForm.email })
});
const data = await res.json();
logger.api.response('POST', url, res.status, data);
if (!res.ok) throw new Error(data.error || '发送失败');
}
toast({
title: "验证码已发送",
description: `请查收${type === 'phone' ? '短信' : '邮件'}`,
status: "success",
duration: 3000,
isClosable: true,
});
// ❌ 移除验证码发送成功toast
logger.info('SettingsPage', `${type === 'phone' ? '短信' : '邮件'}验证码已发送`);
} catch (error) {
logger.error('SettingsPage', 'sendVerificationCode', error, { type });
toast({
title: "发送失败",
description: error.message,
@@ -381,18 +393,18 @@ export default function SettingsPage() {
const saveNotificationSettings = async () => {
setIsLoading(true);
try {
logger.debug('SettingsPage', '保存通知设置', notifications);
// 这里应该调用后端API保存设置
await new Promise(resolve => setTimeout(resolve, 1000));
updateUser(notifications);
toast({
title: "通知设置已保存",
status: "success",
duration: 3000,
isClosable: true,
});
// ❌ 移除设置保存成功toast
logger.info('SettingsPage', '通知设置已保存');
} catch (error) {
logger.error('SettingsPage', 'saveNotificationSettings', error);
toast({
title: "保存失败",
description: error.message,
@@ -409,6 +421,8 @@ export default function SettingsPage() {
const savePrivacySettings = async () => {
setIsLoading(true);
try {
logger.debug('SettingsPage', '保存隐私设置', { privacy, blockedKeywords });
// 这里应该调用后端API保存设置
await new Promise(resolve => setTimeout(resolve, 1000));
@@ -417,13 +431,11 @@ export default function SettingsPage() {
blocked_keywords: blockedKeywords
});
toast({
title: "隐私设置已保存",
status: "success",
duration: 3000,
isClosable: true,
});
// ❌ 移除设置保存成功toast
logger.info('SettingsPage', '隐私设置已保存');
} catch (error) {
logger.error('SettingsPage', 'savePrivacySettings', error);
toast({
title: "保存失败",
description: error.message,