useRequestHeader · Nuxt コンポーザブル

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

// Get the authorization request header
const authorization = useRequestHeader('authorization')

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

例

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

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

middleware/authorized-only.ts

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

useRequestFetch

useRequestFetch コンポーザブルを使用して、サーバーサイドのフェッチリクエストのリクエストコンテキストとヘッダーを転送します。

useRequestHeaders

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