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

Как настроить взаимодействие с Backend через REST API во Vue приложении

Для работы с REST API во Vue приложении лучше всего использовать библиотеку Axios. Вот базовый пример настройки:

Установите Axios:

bash

npm install axios

Создайте файл для API (например, src/api/index.js):

javascript

import axios from 'axios';

const api = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 5000,
  headers: {
    'Content-Type': 'application/json',
    'Authorization': `Bearer ${localStorage.getItem('token')}`
  }
});

export default {
getPosts() {
return api.get('/posts');
},
createPost(data) {
return api.post('/posts', data);
}
}

text


3. Использование в компоненте:
```javascript
import api from '@/api';

export default {
  methods: {
    async fetchData() {
      try {
        const response = await api.getPosts();
        this.posts = response.data;
      } catch (error) {
        console.error('Ошибка:', error.response?.data);
      }
    }
  }
}

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

Используйте перехватчики (interceptors) для обработки ошибок и токенов
Выносите API-логику в отдельный слой
Обрабатывайте ошибки в каждом запросе
Для больших проектов рассмотрите Vuex или Pinia для управления состоянием

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

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

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

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы