useRequestHeaders

源文件
使用 useRequestHeaders 来访问传入的请求标头（Request Headers）。

你可以使用内置的 useRequestHeaders 可组合函数在页面、组件和插件中访问传入的请求标头。

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

// Get only cookie request header
const { cookie } = useRequestHeaders(['cookie'])
在浏览器端，useRequestHeaders 将返回一个空对象。

示例

我们可以使用 useRequestHeaders 来获取并在服务端渲染（SSR）期间将初始请求的 authorization 标头代理给任何后续的内部请求。

下方的示例展示了如何将 authorization 请求标头添加到同构（isomorphic）的 $fetch 调用中。

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