useRequestHeader · Nuxt 組合式函式

您可以使用內建的 useRequestHeader composable 來存取頁面、元件和外掛程式中任何傳入的請求標頭。

// 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 composable 轉發伺服器端 fetch 請求的請求上下文和標頭。

useRequestHeaders

使用 useRequestHeaders 來存取傳入的請求標頭。