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 12:26:08 +08:00
parent 4ebb17190f
commit a7695c7365
7 changed files with 127 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/ErrorBoundary.js
View File

@@ -9,6 +9,7 @@ import {
VStack,
Container
} from '@chakra-ui/react';
import { logger } from '../utils/logger';
class ErrorBoundary extends React.Component {
constructor(props) {
@@ -28,14 +29,20 @@ class ErrorBoundary extends React.Component {
componentDidCatch(error, errorInfo) {
// 开发环境：打印错误到控制台，但不显示错误边界
if (process.env.NODE_ENV === 'development') {
console.error('🔴 ErrorBoundary 捕获到错误（开发模式，不拦截）:');
console.error('错误:', error);
console.error('错误信息:', errorInfo);
logger.error('ErrorBoundary', 'componentDidCatch', error, {
componentStack: errorInfo.componentStack,
developmentMode: true
});
// 不更新 state，让错误继续抛出
return;
}
// 生产环境：保存错误信息到 state
logger.error('ErrorBoundary', 'componentDidCatch', error, {
componentStack: errorInfo.componentStack,
productionMode: true
});
this.setState({
error: error,
errorInfo: errorInfo

37
src/components/Navbars/HomeNavbar.js
View File

@@ -37,6 +37,7 @@ import { FiStar, FiCalendar } from 'react-icons/fi';
import { useNavigate, useLocation } from 'react-router-dom';
import { useAuth } from '../../contexts/AuthContext';
import { useAuthModal } from '../../contexts/AuthModalContext';
import { logger } from '../../utils/logger';
/** 二级导航栏组件 - 显示当前一级菜单下的所有二级菜单项 */
const SecondaryNav = () => {
@@ -366,11 +367,11 @@ export default function HomeNavbar() {
const toast = useToast();
// 添加调试信息
console.log('HomeNavbar Debug:', {
user,
logger.debug('HomeNavbar', '组件渲染状态', {
hasUser: !!user,
isAuthenticated,
isLoading,
userKeys: user ? Object.keys(user) : 'no user'
userId: user?.id
});
// 获取显示名称的函数
@@ -389,7 +390,9 @@ export default function HomeNavbar() {
setShowCompletenessAlert(false);
// logout函数已经包含了跳转逻辑，这里不需要额外处理
} catch (error) {
console.error('Logout error:', error);
logger.error('HomeNavbar', 'handleLogout', error, {
userId: user?.id
});
}
};
@@ -434,7 +437,9 @@ export default function HomeNavbar() {
setWatchlistQuotes([]);
}
} catch (e) {
console.warn('加载自选股实时行情失败:', e);
logger.warn('HomeNavbar', '加载自选股实时行情失败', {
error: e.message
});
setWatchlistQuotes([]);
} finally {
setWatchlistLoading(false);
@@ -482,7 +487,9 @@ export default function HomeNavbar() {
setFollowingEvents([]);
}
} catch (e) {
console.warn('加载关注事件失败:', e);
logger.warn('HomeNavbar', '加载关注事件失败', {
error: e.message
});
setFollowingEvents([]);
} finally {
setEventsLoading(false);
@@ -550,12 +557,16 @@ export default function HomeNavbar() {
// 如果已经检查过，跳过（避免重复请求）
if (hasCheckedCompleteness.current) {
console.log('[Profile] 已检查过资料完整性，跳过重复请求');
logger.debug('HomeNavbar', '已检查过资料完整性，跳过重复请求', {
userId: user?.id
});
return;
}
try {
console.log('[Profile] 开始检查资料完整性...');
logger.debug('HomeNavbar', '开始检查资料完整性', {
userId: user?.id
});
const base = getApiBase();
const resp = await fetch(base + '/api/account/profile-completeness', {
credentials: 'include'
@@ -569,11 +580,17 @@ export default function HomeNavbar() {
setShowCompletenessAlert(data.data.needsAttention);
// 标记为已检查
hasCheckedCompleteness.current = true;
console.log('[Profile] 资料完整性检查完成:', data.data);
logger.debug('HomeNavbar', '资料完整性检查完成', {
userId: user?.id,
completeness: data.data.completenessPercentage
});
}
}
} catch (error) {
console.warn('检查资料完整性失败:', error);
logger.warn('HomeNavbar', '检查资料完整性失败', {
userId: user?.id,
error: error.message
});
}
}, [isAuthenticated, user]); // 移除 getApiBase 依赖，因为它现在在组件外部

21
src/components/StockChart/StockChartModal.js
View File

@@ -5,6 +5,7 @@ import ReactECharts from 'echarts-for-react';
import * as echarts from 'echarts';
import moment from 'moment';
import { stockService } from '../../services/eventService';
import { logger } from '../../utils/logger';
const StockChartModal = ({
isOpen,
@@ -36,14 +37,20 @@ const StockChartModal = ({
adjustedEventTime = nextDay.format('YYYY-MM-DD HH:mm');
}
} catch (e) {
console.warn('事件时间解析失败:', e);
logger.warn('StockChartModal', '事件时间解析失败', {
eventTime,
error: e.message
});
}
}
const response = await stockService.getKlineData(stock.stock_code, type, adjustedEventTime);
setPreloadedData(prev => ({...prev, [type]: response}));
} catch (err) {
console.error(`预加载${type}数据失败:`, err);
logger.error('StockChartModal', 'preloadData', err, {
stockCode: stock?.stock_code,
type
});
}
};
@@ -91,7 +98,10 @@ const StockChartModal = ({
adjustedEventTime = nextDay.format('YYYY-MM-DD HH:mm');
}
} catch (e) {
console.warn('事件时间解析失败:', e);
logger.warn('StockChartModal', '事件时间解析失败', {
eventTime,
error: e.message
});
}
}
@@ -113,7 +123,10 @@ const StockChartModal = ({
chartInstanceRef.current.setOption(option, true);
}
} catch (err) {
console.error('加载图表数据失败:', err);
logger.error('StockChartModal', 'loadChartData', err, {
stockCode: stock?.stock_code,
chartType: type
});
} finally {
setLoading(false);
}