useRequestFetch
useRequestFetch 컴포저블을 사용하여 서버 측 fetch 요청을 위한 요청 컨텍스트와 헤더를 전달합니다.
useRequestFetch를 사용하여 서버 측 fetch 요청을 할 때 요청 컨텍스트와 헤더를 전달할 수 있습니다.
클라이언트 측 fetch 요청을 할 때는 브라우저가 자동으로 필요한 헤더를 전송합니다. 그러나 서버 측 렌더링 중에 요청을 할 때는 보안상의 이유로 헤더를 수동으로 전달해야 합니다.
전달되지 않아야 하는 헤더는 요청에 포함되지 않습니다. 이러한 헤더에는 예를 들어 다음이 포함됩니다:
transfer-encoding, connection, keep-alive, upgrade, expect, host, accept
useFetch 컴포저블은 내부적으로 useRequestFetch를 사용하여 요청 컨텍스트와 헤더를 자동으로 전달합니다.
// 사용자의 헤더를 `/api/cookies` 이벤트 핸들러로 전달합니다
// 결과: { cookies: { foo: 'bar' } }
const requestFetch = useRequestFetch()
const { data: forwarded } = await useAsyncData(() => requestFetch('/api/cookies'))
// 아무것도 전달되지 않습니다
// 결과: { cookies: {} }
const { data: notForwarded } = await useAsyncData(() => $fetch('/api/cookies'))클라이언트 측 탐색 중 브라우저에서는 useRequestFetch가 일반 $fetch와 동일하게 동작합니다.
※이 페이지는 Nuxt.js 공식 문서의 비공식 번역 페이지입니다.
공식 문서의 해당 페이지는 여기 있습니다:
https://nuxt.com/docs/3.x/api/composables/use-request-fetch