useRequestFetch
Encaminhe o contexto e os cabeçalhos da solicitação para requisições fetch do lado do servidor com o composable useRequestFetch.
Você pode usar useRequestFetch para encaminhar o contexto e os cabeçalhos da solicitação ao fazer requisições fetch do lado do servidor.
Ao fazer uma requisição fetch do lado do cliente, o navegador envia automaticamente os cabeçalhos necessários. No entanto, ao fazer uma requisição durante a renderização do lado do servidor, devido a considerações de segurança, precisamos encaminhar os cabeçalhos manualmente.
Cabeçalhos que não devem ser encaminhados não serão incluídos na solicitação. Esses cabeçalhos incluem, por exemplo:
transfer-encoding, connection, keep-alive, upgrade, expect, host, accept
O composable useFetch usa useRequestFetch internamente para encaminhar automaticamente o contexto e os cabeçalhos da solicitação.
// Isso encaminhará os cabeçalhos do usuário para o manipulador de eventos `/api/cookies`
// Resultado: { cookies: { foo: 'bar' } }
const requestFetch = useRequestFetch()
const { data: forwarded } = await useAsyncData(() => requestFetch('/api/cookies'))
// Isso NÃO encaminhará nada
// Resultado: { cookies: {} }
const { data: notForwarded } = await useAsyncData(() => $fetch('/api/cookies'))No navegador, durante a navegação do lado do cliente, useRequestFetch se comportará como um $fetch regular.
※Esta página é uma tradução não oficial da documentação oficial do Nuxt.js.
A página correspondente na documentação oficial está aqui:
https://nuxt.com/docs/3.x/api/composables/use-request-fetch