useRequestHeaders

ソース
useRequestHeaders を使用して、受信リクエストヘッダーにアクセスします。

組み込みの useRequestHeaders コンポーザブルを使用して、ページ、コンポーネント、プラグイン内で受信リクエストヘッダーにアクセスできます。

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

// Get only cookie request header
const { cookie } = useRequestHeaders(['cookie'])
ブラウザでは、useRequestHeaders は空のオブジェクトを返します。

例

useRequestHeaders を使用して、SSR 中に初期リクエストの authorization ヘッダーにアクセスし、今後の内部リクエストにプロキシすることができます。

以下の例では、等形な $fetch 呼び出しに authorization リクエストヘッダーを追加しています。

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