TypeScript стал популярным выбором для веб-разработки из-за его строгой типизации и способности компилироваться в JavaScript. Выполнение HTTP-запросов — обычная задача в веб-разработке, и TypeScript предоставляет удобный способ сделать это.

Предпосылки

Прежде чем мы начнем, убедитесь, что у вас установлено следующее:

  • Node.js
  • НПМ или пряжа

Установка зависимостей

Первым шагом является установка необходимых зависимостей. В каталоге вашего проекта выполните следующую команду:

npm install axios

Это установит Axios, популярный HTTP-клиент для JavaScript и TypeScript.

Выполнение GET-запроса

Чтобы сделать запрос GET с помощью Axios в TypeScript, импортируйте Axios и используйте метод get. Вот пример:

import axios from 'axios';

axios.get('https://jsonplaceholder.typicode.com/posts')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

Метод `get` возвращает обещание, которое разрешается данными ответа. Вы можете получить доступ к данным, используя свойство `data` объекта ответа.

Выполнение POST-запроса

Чтобы сделать запрос POST, используйте метод post вместо get. Вы также можете передавать данные на сервер, используя опцию `data`. Вот пример:

import axios from 'axios';

const data = {
  title: 'foo',
  body: 'bar',
  userId: 1
};

axios.post('https://jsonplaceholder.typicode.com/posts', data)
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

Метод post также возвращает обещание, которое разрешается данными ответа.

Заключение

В этом руководстве мы узнали, как делать HTTP-запросы с помощью Axios в TypeScript. Выполнив эти шаги, вы теперь сможете выполнять запросы GET и POST в своих проектах TypeScript.