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.