useRequestHeaders

Source
useRequestHeaders를 사용하여 들어오는 요청 헤더에 접근합니다.

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

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

// cookie 요청 헤더만 가져오기
const { cookie } = useRequestHeaders(['cookie'])
브라우저에서는 useRequestHeaders가 빈 객체를 반환합니다.

Example

SSR 동안 초기 요청의 authorization 헤더에 접근하고 이를 이후의 내부 요청에 프록시하기 위해 useRequestHeaders를 사용할 수 있습니다.

아래 예시는 authorization 요청 헤더를 등방성(isomorphic) $fetch 호출에 추가합니다.

app/pages/some-page.vue
<script setup lang="ts">
const { data } = await useFetch('/api/confidential', {
  headers: useRequestHeaders(['authorization']),
})
</script>