useRequestHeaders

原始檔
使用 useRequestHeaders 訪問傳入的請求頭。

你可以在頁面、元件和外掛中使用內建的 useRequestHeaders 可組合函式來訪問傳入的請求頭。

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

// Get only cookie request header
const { cookie } = useRequestHeaders(['cookie'])
在瀏覽器中，useRequestHeaders 將返回一個空物件。

示例

我們可以使用 useRequestHeaders 來訪問並代理初始請求的 authorization 頭，以便在 SSR 期間用於將來的任何內部請求。

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

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