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>