Как не дать пустой странице реагировать на ошибки http

Question

Я вижу пустую страницу в приложении реагирования, когда axios получает 503 (Service Unavailable).Я понимаю проблему.Когда возникает ошибка 503 (service Unavailable), компонент отключается и, в конечном итоге, реагирует, показывает пустую страницу.

Есть ли идеи, как предотвратить пустую страницу?

Примечания:

1. Ошибки очень хорошо обрабатываются, и я даже вижу журналы ошибок в консоли браузера.
2. Это не происходит в случае 500 ошибок

Answer 1

503 - ошибка сети, которая не передается Axios, поэтому вы не переходите к коду обработки ошибок.добавьте некоторую проверку ошибок в ваш перехватчик ответа axios.

if (error && error.message === 'Network Error') {
    throw new Error(`Network error`);
  }

Или вы можете просто отклонить обещание на любую «ошибку».

Promise.reject(error);