useRequestHeader

useRequestHeader を使用して特定の受信リクエストヘッダーにアクセスします。

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

// 認証リクエストヘッダーを取得
const authorization = useRequestHeader('authorization')

ブラウザでは、useRequestHeader は undefined を返します。

例

useRequestHeader を使用して、ユーザーが認証されているかどうかを簡単に確認できます。

以下の例では、authorization リクエストヘッダーを読み取り、特定のリソースにアクセスできるかどうかを判断します。

middleware/authorized-only.ts

export default defineNuxtRouteMiddleware((to, from) => {
  if (!useRequestHeader('authorization')) {
    return navigateTo('/not-authorized')
  }
})

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