Встречается на собеседованиях • сегодня

Как можно построить Web-приложение чтобы оно общалось с Backend при помощи REST API

Для взаимодействия с бэкендом через REST API во фронтенде используют несколько подходов:

  1. Нативный Fetch API:
javascript
fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));
  1. Axios (популярная библиотека):
javascript
axios.get('https://api.example.com/data')
  .then(response => console.log(response.data))
  .catch(error => console.error(error));
  1. Создание API-клиента:
javascript
const apiClient = {
  get: (url) => fetch(url).then(handleResponse),
  post: (url, data) => fetch(url, {
    method: 'POST',
    headers: {'Content-Type': 'application/json'},
    body: JSON.stringify(data)
  }).then(handleResponse)
};

function handleResponse(response) {
  if (!response.ok) throw new Error(response.statusText);
  return response.json();
}

Ключевые моменты:

  • Используйте async/await для удобства
  • Обрабатывайте ошибки
  • Добавляйте заголовки (Authorization для JWT)
  • Разделяйте API-логику в отдельный слой (services/api.js)
  • Используйте перехватчики (interceptors) для глобальной обработки запросов/ответов
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы