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

feat: 调整mock数据

Browse Source
This commit is contained in:
zdl
2025-11-04 20:17:56 +08:00
parent 7fdc9e26af
commit c7334191e5
5 changed files with 114 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/index.js
View File

@@ -13,6 +13,15 @@ import App from './App';
// 注册 Service Worker（用于支持浏览器通知）
function registerServiceWorker() {
// ⚠️ Mock 模式下跳过 Service Worker 注册（避免与 MSW 冲突）
if (process.env.REACT_APP_ENABLE_MOCK === 'true') {
console.log(
'%c[App] Mock 模式已启用，跳过通知 Service Worker 注册（避免与 MSW 冲突）',
'color: #FF9800; font-weight: bold;'
);
return;
}
// 仅在支持 Service Worker 的浏览器中注册
if ('serviceWorker' in navigator) {
// 在页面加载完成后注册

18
src/mocks/data/users.js
View File

@@ -112,20 +112,20 @@ export function getCurrentUser() {
const stored = localStorage.getItem('mock_current_user');
if (stored) {
const user = JSON.parse(stored);
console.log('[Mock State] 获取当前登录用户:', {
id: user.id,
phone: user.phone,
nickname: user.nickname,
subscription_type: user.subscription_type,
subscription_status: user.subscription_status,
subscription_days_left: user.subscription_days_left
});
// console.log('[Mock State] 获取当前登录用户:', { // 已关闭：减少日志
// id: user.id,
// phone: user.phone,
// nickname: user.nickname,
// subscription_type: user.subscription_type,
// subscription_status: user.subscription_status,
// subscription_days_left: user.subscription_days_left
// });
return user;
}
} catch (error) {
console.error('[Mock State] 解析用户数据失败:', error);
}
console.log('[Mock State] 未找到当前登录用户');
// console.log('[Mock State] 未找到当前登录用户'); // 已关闭：减少日志
return null;
}

2
src/mocks/handlers/account.js
View File

@@ -130,7 +130,7 @@ export const accountHandlers = [
);
}
console.log('[Mock] 获取自选股列表');
// console.log('[Mock] 获取自选股列表'); // 已关闭：减少日志
return HttpResponse.json({
success: true,

97
src/mocks/handlers/auth.js
View File

@@ -24,8 +24,6 @@ export const authHandlers = [
const body = await request.json();
const { credential, type, purpose } = body;
console.log('[Mock] 发送验证码:', { credential, type, purpose });
// 生成验证码
const code = generateVerificationCode();
mockVerificationCodes.set(credential, {
@@ -33,7 +31,20 @@ export const authHandlers = [
expiresAt: Date.now() + 5 * 60 * 1000 // 5分钟后过期
});
console.log(`[Mock] 验证码已生成: ${credential} -> ${code}`);
// 超醒目的验证码提示 - 方便开发调试
console.log(
`%c\n` +
`╔════════════════════════════════════════════╗\n` +
`║ 验证码: ${code.padEnd(22)}║\n` +
`╚════════════════════════════════════════════╝\n`,
'color: #ffffff; background: #16a34a; font-weight: bold; font-size: 16px; padding: 20px; line-height: 1.8;'
);
// 额外的高亮提示
console.log(
`%c 验证码: ${code} `,
'color: #ffffff; background: #dc2626; font-weight: bold; font-size: 24px; padding: 15px 30px; border-radius: 8px; margin: 10px 0;'
);
return HttpResponse.json({
success: true,
@@ -43,6 +54,86 @@ export const authHandlers = [
});
}),
// 1.1 发送手机验证码（前端实际调用的接口）
http.post('/api/auth/send-sms-code', async ({ request }) => {
await delay(NETWORK_DELAY);
const body = await request.json();
const { phone } = body;
console.log('[Mock] 发送手机验证码请求:', { phone });
// 生成验证码
const code = generateVerificationCode();
mockVerificationCodes.set(phone, {
code,
expiresAt: Date.now() + 5 * 60 * 1000 // 5分钟后过期
});
// 超醒目的验证码提示 - 方便开发调试
console.log(
`%c\n` +
`╔════════════════════════════════════════════╗\n` +
`║ 📱 手机验证码: ${code.padEnd(19)}║\n` +
`║ 📞 手机号: ${phone.padEnd(23)}║\n` +
`╚════════════════════════════════════════════╝\n`,
'color: #ffffff; background: #16a34a; font-weight: bold; font-size: 16px; padding: 20px; line-height: 1.8;'
);
// 额外的高亮提示
console.log(
`%c 📱 验证码: ${code} `,
'color: #ffffff; background: #dc2626; font-weight: bold; font-size: 24px; padding: 15px 30px; border-radius: 8px; margin: 10px 0;'
);
return HttpResponse.json({
success: true,
message: `验证码已发送到 ${phone}（Mock: ${code}）`,
// 开发环境下返回验证码，方便测试
dev_code: code
});
}),
// 1.2 发送邮箱验证码（前端实际调用的接口）
http.post('/api/auth/send-email-code', async ({ request }) => {
await delay(NETWORK_DELAY);
const body = await request.json();
const { email } = body;
console.log('[Mock] 发送邮箱验证码请求:', { email });
// 生成验证码
const code = generateVerificationCode();
mockVerificationCodes.set(email, {
code,
expiresAt: Date.now() + 5 * 60 * 1000 // 5分钟后过期
});
// 超醒目的验证码提示 - 方便开发调试
console.log(
`%c\n` +
`╔════════════════════════════════════════════╗\n` +
`║ 📧 邮箱验证码: ${code.padEnd(19)}║\n` +
`║ 📮 邮箱: ${email.padEnd(27)}║\n` +
`╚════════════════════════════════════════════╝\n`,
'color: #ffffff; background: #2563eb; font-weight: bold; font-size: 16px; padding: 20px; line-height: 1.8;'
);
// 额外的高亮提示
console.log(
`%c 📧 验证码: ${code} `,
'color: #ffffff; background: #dc2626; font-weight: bold; font-size: 24px; padding: 15px 30px; border-radius: 8px; margin: 10px 0;'
);
return HttpResponse.json({
success: true,
message: `验证码已发送到 ${email}（Mock: ${code}）`,
// 开发环境下返回验证码，方便测试
dev_code: code
});
}),
// 2. 验证码登录
http.post('/api/auth/login-with-code', async ({ request }) => {
await delay(NETWORK_DELAY);

2
src/mocks/handlers/stock.js
View File

@@ -130,7 +130,7 @@ export const stockHandlers = [
try {
const stocks = generateStockList();
console.log('[Mock Stock] 获取股票列表成功:', { count: stocks.length });
// console.log('[Mock Stock] 获取股票列表成功:', { count: stocks.length }); // 已关闭：减少日志
return HttpResponse.json(stocks);
} catch (error) {