← Модуль 3: Алгоритмы системного дебаггинга и выход из «петли ошибок»
Блок 9 из 13·~15 мин·0/13 пройдено
Диагностика ошибок API и внешних сервисов (Network Tab)
Когда приложение взаимодействует с внешними базами данных или сторонними сервисами (Stripe, Telegram API, OpenWeather), сбои часто происходят на уровне сети.
9.1. Использование вкладки Network в DevTools
1. Нажмите F12 в браузере и перейдите во вкладку Network (Сеть). 2. Выберите фильтр Fetch/XHR (чтобы видеть только сетевые запросы). 3. Совершите действие в приложении (например, нажмите «Отправить»). 4. В списке появится строка красного цвета — это упавший сетевой запрос. 5. Нажмите на нее и откройте вкладку Response (Ответ) или Preview.
| Код status | Значение и причина |
|---|---|
| 400 Bad Request | Неверный формат данных, отправленный UI |
| 401 / 403 | Ошибка API-ключа или отсутствуют права |
| 404 Not Found | Неверный URL-адрес эндпоинта |
| 500 Server Error | Ошибка на стороне сервера или базы данных |
Типичные HTTP-ошибки и их значения
9.2. Как передать сетевую ошибку в ИИ
Не копируйте весь сетевой дамп. Скопируйте 3 параметра: 1. URL запроса: (куда обращались). 2. HTTP Status Code: (например, 401 Unauthorized). 3. Текст ответа (Response Body): (например, {"error": "Invalid API Key"}).
Промпт для ИИ при сетевой ошибке
«При отправке формы сетевой запрос на URL [адрес] возвращает статус 401 с ответом 'Invalid API Key'. Проверь наименование переменной в файле @api.js. Сам ключ не пиши».