Как получить response используя axios + typescript?

Пользователь

от jakayla , в категории: JavaScript , 8 месяцев назад

Как получить response используя axios + typescript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от jaylen.trantow , 7 месяцев назад

@jakayla 

Для того, чтобы отправить запрос и получить ответ с помощью axios и TypeScript, можно использовать следующий пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
import axios, { AxiosResponse } from 'axios';

interface User {
  id: number;
  name: string;
  email: string;
}

const url = 'https://jsonplaceholder.typicode.com/users/1';

axios.get<User>(url).then((response: AxiosResponse<User>) => {
  const user: User = response.data;
  console.log(user);
}).catch((error) => {
  console.error(error);
});


В этом примере мы импортируем библиотеку axios и тип AxiosResponse, который предоставляет интерфейс для ответа на запросы axios. Затем мы определяем интерфейс User для данных, которые мы ожидаем получить от сервера.


Далее мы отправляем GET-запрос на указанный URL и указываем тип данных, которые мы ожидаем получить в ответе (User). Затем мы используем метод then() для обработки успешного ответа и метод catch() для обработки ошибки.


Внутри метода then() мы получаем данные ответа в свойстве data объекта response и присваиваем их переменной user типа User. Затем мы выводим эту переменную в консоль.


Обратите внимание, что в этом примере мы используем функцию console.error() для вывода ошибки в консоль в случае возникновения ошибки при запросе. Вы можете использовать другие методы обработки ошибок в зависимости от ваших потребностей.