useRequestHeaders
使用 useRequestHeaders 访问传入的请求头。
你可以使用内置的 useRequestHeaders
组合函数,在页面、组件和插件中访问传入的请求头。
// 获取所有请求头
const headers = useRequestHeaders()
// 仅获取 cookie 请求头
const headers = useRequestHeaders(['cookie'])
在浏览器中,
useRequestHeaders
将返回一个空对象。示例
我们可以使用 useRequestHeaders
访问初始请求的 authorization
头,并在 SSR 期间将其代理到任何未来的内部请求。
下面的示例演示了如何在同构的 $fetch
调用中添加 authorization
请求头。
pages/some-page.vue
<script setup lang="ts">
const { data } = await useFetch('/api/confidential', {
headers: useRequestHeaders(['authorization'])
})
</script>