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>