В чем разница между fetch и axios

fetch — это нативный браузерный API для HTTP-запросов, а axios — сторонняя библиотека.

Ключевые различия:

1. Автоматический JSON:
   • axios автоматически парсит JSON-ответ.
   • В fetch нужно вызывать .json() вручную:
     javascript

     Копировать

     fetch(url).then(res => res.json());

2. Обработка ошибок:

   • axios считает статусы 4xx/5xx ошибками и отклоняет промис.
   • fetch не отклоняет промис при HTTP-ошибках (например, 404), только при сбоях сети.

3. Отмена запроса:

   • axios поддерживает AbortController и имеет встроенный CancelToken (устаревший).
   • fetch работает только с AbortController.

4. Межсайтовые куки:

   • axios отправляет куки по умолчанию.
   • В fetch нужно явно указать credentials: 'include'.

Пример с axios:

axios.get(url)
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

Выбор зависит от проекта: fetch — легковесный вариант, axios — удобство и дополнительные фичи.