Настройка Nuxt

Данный пакет нативно поддерживает Nuxt 3

В nuxt.config.ts нужно прописать два поля:

export default defineNuxtConfig({
    ...
    modules: [
        'nuxoblivius/nuxt', // Подключаем модуль
    ],

    nuxoblivius: {
        logs: true, // Включает логи SSR запросов
        rules: {
            // Для SSR можно настроить. Подстройку URL запроса
            // И только для SSR
            // '/api/post' => 'http://my-api/post'
            '/api': 'http://my-api'
        }
    },
    ...
})

SSR

Запросы в Nuxt на уровне сервера производятся стандартным fetch-ем под обалочкой useAsyncData.

Pipeline

Nuxoblivius старается сделать удобной разработку вашего приложения. Для лучшего понимания всего происходящего распишем Pipeline для Nuxt:

Запуск Nuxt

Запускается модуль 'nuxoblivius/nuxt', делающий необходимые настройки для взаимодействия Nuxt-ом и обозначающий о своём присуствии.

Запрос с клиента

Nuxoblivius создаёт uid подключения для логов.

Вызовы Record (fetching data)

Nuxoblivius делает запрос через useAsyncData.

Отправка страницы клиенту (SSR Rendering)

Nuxoblivius очищает все данные после запроса.