Почему разное значение переменной в NUXT 3?

Question

[RomyGalaxy]

async function getPosts () {
        let total = ref(null);
        const { data: articles, refresh } = await useFetch(url, {
            method: 'GET',
            server: true,
            query: {
                per_page: perPage.value,
                page: page.value,
            },
            onResponse(context) {
                total.value = Number(context.response.headers.get('X-WP-Total'))
            },
            onResponseError({ request, response, options }) {
                console.log('Ошибка запроса'+ request)
            }
        });
    console.log(total.value);
}

В onResponse задается значение переменной равное значению заголовка X-WP-Total
В результате чего при выводе в console.log SSR отображает верное значение, а на клиенте null

Comments

[director-rentv]

А если в total.value положить что-нибудь из data ответа? Сдаётся мне, что не сохраняет nuxt заголовки ответа для передачи с SSR режима в клиента.

Запрос в принципе на клиенте отправляется?

[RomyGalaxy]

director-rentv, когда я делаю запрос отдельный на заголовки с помощью $fetch, то все прекрасно работает

const getHeaders = await $fetch(url, {
            method: 'GET',
            server: true,
            query: {
                per_page: perPage.value,
                page: page.value,
            },
            onResponse(context) {
                total.value = Number(context.response.headers.get('X-WP-Total'));
                totalPages.value = Number(context.response.headers.get('X-WP-TotalPages'));
            }
        });