// 聊天记录修复验证脚本 // 在浏览器控制台中运行此脚本来验证修复效果 (function() { console.log('=== 聊天记录修复验证脚本 ==='); // 检查基础环境 function checkEnvironment() { console.log('\n1. 检查基础环境:'); // 检查token const token = localStorage.getItem('token'); console.log('- Token存在:', !!token); if (token) { console.log('- Token长度:', token.length); console.log('- Token前缀:', token.substring(0, 20) + '...'); } // 检查当前页面 console.log('- 当前页面:', window.location.pathname); // 检查API基础URL const apiBase = 'http://localhost:8080'; // 根据实际情况修改 console.log('- API基础URL:', apiBase); return { token, apiBase }; } // 测试API调用 async function testAPI(url, token, apiBase) { try { console.log(`\n测试API: ${url}`); const response = await fetch(`${apiBase}${url}`, { method: 'GET', headers: { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' } }); console.log('- 响应状态:', response.status); console.log('- 响应状态文本:', response.statusText); const data = await response.json(); console.log('- 响应数据:', data); if (response.ok && data.code === 200) { console.log('✅ API调用成功'); return { success: true, data: data.data }; } else { console.log('❌ API调用失败:', data.message || '未知错误'); return { success: false, error: data.message || '未知错误' }; } } catch (error) { console.log('❌ 网络错误:', error.message); return { success: false, error: error.message }; } } // 测试所有聊天记录相关API async function testChatHistoryAPIs() { console.log('\n2. 测试聊天记录API:'); const { token, apiBase } = checkEnvironment(); if (!token) { console.log('❌ 没有找到token,请先登录'); return; } // 测试获取用户消息分页 const pageResult = await testAPI('/message/user/page?current=1&size=5', token, apiBase); // 测试搜索消息 const searchResult = await testAPI('/message/user/search?keyword=测试&limit=5', token, apiBase); // 测试获取最近消息 const recentResult = await testAPI('/message/user/recent?limit=5', token, apiBase); // 测试获取当前用户信息 const userResult = await testAPI('/user/current', token, apiBase); // 汇总结果 console.log('\n3. 测试结果汇总:'); console.log('- 分页查询:', pageResult.success ? '✅ 成功' : '❌ 失败'); console.log('- 搜索功能:', searchResult.success ? '✅ 成功' : '❌ 失败'); console.log('- 最近消息:', recentResult.success ? '✅ 成功' : '❌ 失败'); console.log('- 用户信息:', userResult.success ? '✅ 成功' : '❌ 失败'); // 如果有成功的结果,显示数据统计 if (pageResult.success && pageResult.data) { console.log('\n4. 数据统计:'); console.log('- 总消息数:', pageResult.data.total || 0); console.log('- 当前页消息数:', pageResult.data.records ? pageResult.data.records.length : 0); if (pageResult.data.records && pageResult.data.records.length > 0) { const firstMessage = pageResult.data.records[0]; console.log('- 最新消息预览:', { id: firstMessage.id, content: firstMessage.content ? firstMessage.content.substring(0, 50) + '...' : '', sender: firstMessage.sender, createTime: firstMessage.createTime }); } } return { pageResult, searchResult, recentResult, userResult }; } // 测试前端聊天记录功能 function testFrontendChatHistory() { console.log('\n5. 测试前端聊天记录功能:'); // 检查是否在聊天页面 if (!window.location.pathname.includes('/chat')) { console.log('❌ 当前不在聊天页面,请先进入聊天页面'); return; } // 查找聊天记录按钮 const historyButton = document.querySelector('.header-right .action-btn'); if (historyButton) { console.log('✅ 找到聊天记录按钮'); // 模拟点击 console.log('- 模拟点击聊天记录按钮...'); historyButton.click(); // 检查抽屉是否打开 setTimeout(() => { const drawer = document.querySelector('.history-drawer'); if (drawer && drawer.style.display !== 'none') { console.log('✅ 聊天记录抽屉已打开'); } else { console.log('❌ 聊天记录抽屉未打开'); } }, 1000); } else { console.log('❌ 未找到聊天记录按钮'); } } // 主函数 async function main() { try { // 测试API const apiResults = await testChatHistoryAPIs(); // 测试前端功能 testFrontendChatHistory(); console.log('\n=== 验证完成 ==='); console.log('如果API测试都成功,但前端仍有问题,请检查:'); console.log('1. 浏览器控制台是否有JavaScript错误'); console.log('2. 网络请求是否正常发送'); console.log('3. 前端代码是否正确处理API响应'); } catch (error) { console.error('验证过程中发生错误:', error); } } // 运行验证 main(); })();