useRequestFetch
Reenvía el contexto de la solicitud y los encabezados para las solicitudes de fetch del lado del servidor con el composable useRequestFetch.
Puedes usar useRequestFetch para reenviar el contexto de la solicitud y los encabezados al realizar solicitudes de fetch del lado del servidor.
Al realizar una solicitud de fetch del lado del cliente, el navegador envía automáticamente los encabezados necesarios. Sin embargo, al realizar una solicitud durante la renderización del lado del servidor, debido a consideraciones de seguridad, necesitamos reenviar los encabezados manualmente.
Los encabezados que no deben ser reenviados no se incluirán en la solicitud. Estos encabezados incluyen, por ejemplo:
transfer-encoding, connection, keep-alive, upgrade, expect, host, accept
El composable useFetch utiliza useRequestFetch internamente para reenviar automáticamente el contexto de la solicitud y los encabezados.
// Esto reenviará los encabezados del usuario al manejador de eventos `/api/cookies`
// Resultado: { cookies: { foo: 'bar' } }
const requestFetch = useRequestFetch()
const { data: forwarded } = await useAsyncData(() => requestFetch('/api/cookies'))
// Esto NO reenviará nada
// Resultado: { cookies: {} }
const { data: notForwarded } = await useAsyncData(() => $fetch('/api/cookies'))En el navegador durante la navegación del lado del cliente, useRequestFetch se comportará igual que el $fetch regular.
※Esta página es una traducción no oficial de la documentación oficial de Nuxt.js.
La página correspondiente en la documentación oficial está aquí:
https://nuxt.com/docs/3.x/api/composables/use-request-fetch