透過 100 多個技巧的集合來學習 Nuxt!

useRequestHeaders

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

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

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

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

範例

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

下面的範例將 authorization 請求標頭添加到同構的 $fetch 呼叫中。

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