Как использовать модуль @nuxt/http отдельно от nuxt?

Для использования модуля @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, но может быть использован и отдельно от него.