2.8 KiB
2.8 KiB
Инструкция: Проверка данных в браузере
✅ Что видно в вашем Network tab:
- Запросы к
/aircraftвыполняются успешно (Status: 200) - Размер ответа: ~35 KB (это много данных, значит данные есть)
- Нет ошибок в Network
🔍 Следующий шаг: Проверьте Response
Как проверить Response:
- В Network tab найдите запрос
aircraft(один из них) - Кликните на него - откроется панель справа
- Перейдите на вкладку "Response" или "Preview"
- Проверьте структуру данных
Что должно быть в Response:
[
{
"registration_number": "RA-12345",
"operator_name": "Аэрофлот - Российские авиалинии",
"serial_number": "08-001",
"aircraft_type": {
"manufacturer": "Миль",
"model": "Ми-8"
},
...
}
]
Если данные есть в Response, но не отображаются в таблице:
- Проверьте консоль на ошибки рендеринга
- Очистите кэш: Cmd + Shift + R (Mac) или Ctrl + Shift + R (Windows)
- Проверьте React DevTools (если установлен)
🐛 Диагностика в консоли браузера:
Выполните в консоли браузера:
// Проверка данных через API
fetch('/api/v1/aircraft', {
headers: { 'Authorization': 'Bearer dev' }
})
.then(r => r.json())
.then(data => {
console.log('✅ Всего ВС:', data.length);
if (data.length > 0) {
const first = data[0];
console.log('✅ Первое ВС:', first.registration_number);
console.log('operator_name:', first.operator_name || '❌ ОТСУТСТВУЕТ');
console.log('serial_number:', first.serial_number || '❌ ОТСУТСТВУЕТ');
// Проверка всех ВС
const withOperator = data.filter(a => a.operator_name).length;
const withSerial = data.filter(a => a.serial_number).length;
console.log(`✅ ВС с operator_name: ${withOperator}/${data.length}`);
console.log(`✅ ВС с serial_number: ${withSerial}/${data.length}`);
}
})
.catch(err => console.error('❌ Ошибка:', err));
📊 Ожидаемый результат:
- ✅ Всего ВС: 51
- ✅ ВС с operator_name: 51/51
- ✅ ВС с serial_number: 51/51
🔧 Если данные не отображаются:
- Проверьте Response в Network tab
- Выполните код выше в консоли браузера
- Пришлите результат - я помогу исправить проблему