透過 100 多個訣竅學習 Nuxt!

useRequestHeaders

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

您可以使用內建的 useRequestHeaders 組合式函式,在您的頁面、元件和外掛程式中存取傳入的請求標頭。

// Get all request headers
const headers = useRequestHeaders()

// Get only cookie request header
const headers = useRequestHeaders(['cookie'])
在瀏覽器中,useRequestHeaders 將會回傳一個空物件。

範例

我們可以使用 useRequestHeaders 來存取並在伺服器端渲染 (SSR) 期間,將初始請求的 authorization 標頭代理到任何未來內部請求。

以下範例將 authorization 請求標頭新增到一個同構的 $fetch 呼叫中。

pages/some-page.vue
<script setup lang="ts">
const { data } = await useFetch('/api/confidential', {
  headers: useRequestHeaders(['authorization'])
})
</script>