useRequestHeader

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

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

// Get the authorization request header
const authorization = useRequestHeader('authorization')
ブラウザでは、useRequestHeader は undefined を返します。

例

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

以下の例では、authorization リクエストヘッダーを読み取り、ユーザーが制限されたリソースにアクセスできるかどうかを判断します。

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