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')
  }
})