84 lines
2.8 KiB
JavaScript
84 lines
2.8 KiB
JavaScript
async function testFrontendLogin() {
|
||
console.log('🧪 測試前端登入狀態...\n');
|
||
|
||
try {
|
||
// 1. 測試登入 API
|
||
console.log('1. 測試登入 API...');
|
||
const loginResponse = await fetch('http://localhost:3000/api/auth/login', {
|
||
method: 'POST',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
},
|
||
body: JSON.stringify({
|
||
email: 'admin@ai-platform.com',
|
||
password: 'admin123456'
|
||
})
|
||
});
|
||
|
||
if (loginResponse.ok) {
|
||
const loginData = await loginResponse.json();
|
||
console.log('✅ 登入 API 成功');
|
||
console.log('用戶角色:', loginData.user?.role);
|
||
|
||
// 2. 測試用戶資料 API
|
||
console.log('\n2. 測試用戶資料 API...');
|
||
const profileResponse = await fetch('http://localhost:3000/api/auth/profile', {
|
||
method: 'GET',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
// 注意：這裡沒有包含認證 token，因為我們沒有實現 JWT
|
||
}
|
||
});
|
||
|
||
console.log('用戶資料 API 狀態:', profileResponse.status);
|
||
if (profileResponse.ok) {
|
||
const profileData = await profileResponse.json();
|
||
console.log('✅ 用戶資料 API 成功');
|
||
console.log('用戶角色:', profileData.role);
|
||
} else {
|
||
console.log('❌ 用戶資料 API 失敗');
|
||
}
|
||
|
||
// 3. 檢查管理員頁面
|
||
console.log('\n3. 檢查管理員頁面...');
|
||
const adminResponse = await fetch('http://localhost:3000/admin');
|
||
|
||
if (adminResponse.ok) {
|
||
const pageContent = await adminResponse.text();
|
||
|
||
if (pageContent.includes('存取被拒')) {
|
||
console.log('❌ 頁面顯示存取被拒');
|
||
|
||
// 檢查調試信息
|
||
const debugMatch = pageContent.match(/調試信息: 用戶=([^,]+), 角色=([^<]+)/);
|
||
if (debugMatch) {
|
||
console.log('📋 調試信息:', {
|
||
用戶: debugMatch[1],
|
||
角色: debugMatch[2]
|
||
});
|
||
}
|
||
} else if (pageContent.includes('儀表板') || pageContent.includes('管理員')) {
|
||
console.log('✅ 管理員頁面正常顯示');
|
||
} else {
|
||
console.log('⚠️ 頁面內容不確定');
|
||
}
|
||
}
|
||
|
||
} else {
|
||
const errorData = await loginResponse.text();
|
||
console.log('❌ 登入 API 失敗:', loginResponse.status, errorData);
|
||
}
|
||
|
||
console.log('\n🎉 前端登入狀態測試完成！');
|
||
console.log('\n💡 建議:');
|
||
console.log('1. 檢查瀏覽器中的 localStorage 是否有用戶資料');
|
||
console.log('2. 確認登入後用戶狀態是否正確更新');
|
||
console.log('3. 檢查權限檢查邏輯是否正確');
|
||
|
||
} catch (error) {
|
||
console.error('❌ 測試過程中發生錯誤:', error);
|
||
}
|
||
}
|
||
|
||
testFrontendLogin();
|