nuxt logo

문서 번역(비공식)

useRequestHeaders

useRequestHeaders를 사용하여 들어오는 요청 헤더에 접근하세요.

내장된 useRequestHeaders 컴포저블을 사용하여 페이지, 컴포넌트 및 플러그인 내에서 들어오는 요청 헤더에 접근할 수 있습니다.

// 모든 요청 헤더 가져오기
const headers = useRequestHeaders()

// 쿠키 요청 헤더만 가져오기
const headers = useRequestHeaders(['cookie'])

브라우저에서는 useRequestHeaders가 빈 객체를 반환합니다.

예시

useRequestHeaders를 사용하여 SSR 중 초기 요청의 authorization 헤더를 이후의 내부 요청에 프록시할 수 있습니다.

아래 예시는 authorization 요청 헤더를 이소모픽 $fetch 호출에 추가합니다.

pages/some-page.vue
const { data } = await useFetch('/api/confidential', {
  headers: useRequestHeaders(['authorization'])
})