useRequestHeader · Nuxt Composables

您可以使用內建的 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 來存取傳入的請求標頭。