useRequestHeaders
受信したリクエストヘッダーにアクセスするには、useRequestHeaders を使用します。
ページ、コンポーネント、プラグイン内で受信したリクエストヘッダーにアクセスするには、組み込みのuseRequestHeaders コンポーザブルを使用できます。
// Get all request headers
const headers = useRequestHeaders()
// Get only cookie request header
const headers = useRequestHeaders(['cookie'])
ブラウザでは、
useRequestHeaders は空のオブジェクトを返します。例
useRequestHeaders を使用して、初期リクエストの authorization ヘッダーにアクセスし、SSR 中の将来の内部リクエストにプロキシできます。
以下の例では、同型$fetch 呼び出しに authorization リクエストヘッダーを追加します。
pages/some-page.vue
<script setup lang="ts">
const { data } = await useFetch('/api/confidential', {
headers: useRequestHeaders(['authorization'])
})
</script>