Комплексная обработка ошибок Axios в JavaScript

При работе с Axios, важно корректно обрабатывать различные типы ошибок, которые могут возникнуть в процессе запросов к серверу. Эти ошибки можно разделить на несколько категорий, каждая из которых требует индивидуального подхода: ошибки от сервера со статусом вне диапазона 2xx, ошибки отсутствия ответа от сервера, ошибки из-за некорректных настроек Axios и ошибки, не являющиеся инстансом Axios.
Комплексная обработка ошибок Axios в JavaScript
Изображение носит иллюстративный характер

Для обработки ошибок от сервера следует сначала попытаться распознать структуру ошибки, которую присылает бэкенд, используя общий обработчик или обрабатывая ошибки на уровне запроса. Если распознать ошибку не удалось, нужно использовать список статусов ошибок HTTP и соответствующие сообщения. Для удобства, можно определить имя сервиса и метода на основе URL запроса.

В случае, когда запрос был сделан, но ответ не был получен, необходимо обрабатывать ошибки по коду ошибки. Стоит завести константу с описанием ошибок и использовать их при необходимости. Если кода нет или он не описан в константе, нужно вернуть общее сообщение о невозможности получить ответ от сервиса.

При ошибках из-за некорректных настроек Axios, необходимо вернуть сообщение о невозможности отправить запрос к сервису с информацией об ошибке. При ошибках, не являющихся инстансом Axios, нужно вернуть сообщение, указывающее на ошибку на стороне клиента и содержащее текст ошибки. Для аккуратности отображения, сообщения об ошибках можно постобрабатывать, удаляя лишние пробелы.


Новое на сайте

20065[b]СПКЯ стало СПМЯ: почему переименование болезни, затрагивающей миллионы женщин, заняло... 20064[b]Почему великая пирамида Гизы пережила все землетрясения за 4500 лет[/b] 20063[b]Генетика Homo erectus: что зубная эмаль рассказала о наших предках[/b] 20062[b]Кости в бухте эребус: что кости моряков Франклина рассказывают спустя полтора века[/b] 20061[b]Крупнейший плавучий ветрогенератор в мире: Китай испытывает установку у берегов... 20060[b]Карие глаза младенца стали индиго после лечения от COVID-19[/b] 20058[b]Почему серебряная чаша с Афиной пролежала в немецком лесу две тысячи лет?[/b] 20057[b]Дыра в атмосфере солнца: вспышка достигла пика и может зажечь полярное сияние[/b] 20056[b]Динго возрастом 950 лет: кто и зачем кормил могилу животного сотни лет?[/b] 20055[b]Томоэ гозэн: женщина-самурай, которая существовала на самом деле[/b] 20054[b]Что видели астронавты «Аполлона-12» над лунным горизонтом?[/b] 20053[b]Восковой блокнот на латыни и шёлковая туалетная бумага: кто посещал средневековый... 20052[b]Хантавирус на борту: 41 человек под наблюдением после рейса MV Hondius[/b] 20051[b]Зелёные камни в пещере Пиренеев: четыре тысячи лет медной металлургии[/b]
Ссылка