В чем разница между HTTP-статусами 4xx и 5xx

4xx — клиентские ошибки, когда запрос некорректен (например, 404 — страница не найдена, 401 — нет авторизации). 5xx — серверные ошибки, когда сервер не может обработать корректный запрос (например, 500 — внутренняя ошибка сервера, 503 — сервис недоступен).

Пример:

fetch('/api/data')
  .then(response => {
    if (response.status === 404) {
      console.log('Not Found');
    } else if (response.status >= 500) {
      console.log('Server Error');
    }
  });