useRequestHeaders

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

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

// すべてのリクエストヘッダーを取得
const headers = useRequestHeaders()

// cookie リクエストヘッダーのみを取得
const headers = useRequestHeaders(['cookie'])

ブラウザでは、useRequestHeaders は空のオブジェクトを返します。

例

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

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

pages/some-page.vue

const { data } = await useFetch('/api/confidential', {
  headers: useRequestHeaders(['authorization'])
})

※このページは Nuxt.js 公式ドキュメントの翻訳ページ（非公式）です。