Работал ли с Axios

Question

Работал ли с Axios

Тип вопроса: Библиотеки Вероятность: 10% Категория: Frontend Разработчик

Ответ

Да, работал с Axios. Это популярная HTTP-библиотека для работы с API. Основные преимущества: удобный интерфейс, поддержка промисов, перехватчики (interceptors), отмена запросов (CancelToken), автоматическая трансформация JSON.

Пример базового использования:

import axios from 'axios';

// GET запрос
axios.get('/api/users')
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

// POST запрос
axios.post('/api/users', { name: 'John' })
  .then(response => console.log('User created'))

Часто настраиваю экземпляр Axios с базовыми параметрами:

const api = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 5000,
  headers: {'Authorization': 'Bearer token'}
});

Использую interceptors для обработки ошибок и добавления заголовков.

Ответ 18+ 🔞

А, так ты про эту штуку, про Axios? Ну да, работал, куда ж без неё, когда с API приходится общаться. Библиотека, конечно, популярная, как грязь после дождя, её везде суют.

Главные плюсы, которые сразу в глаза бросаются — интерфейс у неё удобный, не надо городить огород, как с нативным fetch. Промисы поддерживает, что уже хорошо. А ещё там есть перехватчики, это вообще мощная штука, как скрытая камера в сортире — всё видит, всё контролирует. Можно запросы отменять, если пользователь, например, уже ушёл нахуй со страницы, а запрос ещё летит. И JSON она сама распаковывает, не надо руками разбирать.

Вот смотри, как просто выглядит:

import axios from 'axios';

// Просто спросить что-то у сервера
axios.get('/api/users')
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

// Или отправить данные, типа "на, прими"
axios.post('/api/users', { name: 'John' })
  .then(response => console.log('User created'))

Но если по-взрослому, то обычно не тыкаешься голым axios куда попало. Создаёшь себе настроенный экземпляр, как личного раба:

const api = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 5000, // чтобы не ждать до второго пришествия
  headers: {'Authorization': 'Bearer token'} // пропуск в закрытый клуб
});

А самое сокровенное — это перехватчики, ёпта! Через них можно, например, ко всем запросам автоматом прилеплять токен, или глобально ловить ошибки, когда сервер присылает тебе не 200 OK, а 403 Forbidden с намёком, что ты, блядь, не туда полез. Очень удобно, одним местом всё обрабатываешь, а не в каждом запросе одно и то же писать. В общем, вещь.