Для использования модуля @nuxt/http отдельно от Nuxt.js, вам потребуется сначала установить пакеты, связанные с этим модулем.
1. Установите зависимости, используя NPM:
npm install axios @nuxt/http
2. Создайте файл http.js
, в котором будет находиться настройка и создание экземпляра HTTP-сервиса:
import { createHttp } from '@nuxt/http' import axios from 'axios' export default function () { const http = createHttp({ baseURL: 'http://api.example.com', // Здесь вставьте базовый URL для вашего API axios: axios }) return http }
3. Теперь вы можете использовать экземпляр @nuxt/http в любом месте вашего кода следующим образом:
import http from './http' // Выполнение GET-запроса http.get('/users') .then((response) => { // Обработка ответа console.log(response.data) }) .catch((error) => { // Обработка ошибки console.error(error) }) // Выполнение POST-запроса http.post('/users', { name: 'John' }) .then((response) => { // Обработка ответа console.log(response.data) }) .catch((error) => { // Обработка ошибки console.error(error) })
Теперь вы можете использовать методы, такие как GET, POST, PUT, DELETE и другие, для взаимодействия с вашим API. Модуль @nuxt/http также предоставляет ряд полезных функций, таких как автоматическое преобразование данных, интерсепторы запросов и ответов, работа с файлами и обработка ошибок.
Обратите внимание, что вы все еще можете использовать модуль @nuxt/http внутри Nuxt.js приложения, он предназначен для интеграции с Nuxt.js, но может быть использован и отдельно от него.