useRequestHeader

내장된 useRequestHeader 컴포저블을 사용하여 페이지, 구성요소, 플러그인 내의 수신 요청 헤더에 액세스할 수 있다.

// Get all request headers
const headers = useRequestHeaders()

// Get only cookie request header
const headers = useRequestHeaders(['cookie'])

브라우저에서 useRequestHeader 를 호출하면 빈 객체가 반환된다.

 

사용 예

useRequestHeaders 는 SSR 중에 초기 요청의 authorization 헤더에 액세스하고 향후 내부 요청을 프록시하는데 사용할 수 있다.

 

아래 예에서는 $fetch호출에 요청 헤더 authorization 을 추가한다.

<!--
pages/some-page.vue
-->

<script setup lang="ts">
const { data } = await useFetch('/api/confidential', {
  headers: useRequestHeaders(['authorization'])
})
</script>