Встречается на собеседованиях • сегодня

Как глобально перехватываешь ошибки от Backend через Axios

Для глобального перехвата ошибок в Axios используем интерсепторы. Вот пример настройки:

javascript
axios.interceptors.response.use(
  response => response,
  error => {
    const { response } = error;
    
    if (response) {
      // Обработка HTTP ошибок
      switch (response.status) {
        case 401:
          // Перенаправление на страницу авторизации
          break;
        case 500:
          // Показ уведомления о серверной ошибке
          break;
      }
    } else {
      // Обработка ошибок сети или других проблем
      console.error('Network Error');
    }
    
    return Promise.reject(error);
  }
);

Ключевые моменты:

  1. Интерсептор response перехватывает все ответы
  2. Проверяем наличие response в ошибке
  3. Обрабатываем разные статусы по-разному
  4. Всегда возвращаем Promise.reject чтобы не скрывать ошибки

Можно добавить логирование ошибок или показ уведомлений пользователю.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы