useRequestHeaders

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

// 获取所有请求头
const headers = useRequestHeaders()

// 仅获取 cookie 请求头
const { cookie } = useRequestHeaders(['cookie'])

在浏览器中，useRequestHeaders 会返回一个空对象。 :

示例

我们可以使用 useRequestHeaders 来访问并代理初始请求的 authorization 请求头，以便在 SSR 期间转发给任何后续的内部请求。

下面的示例将 authorization 请求头添加到了一个同构的 $fetch 调用中。

<script setup lang="ts">
const { data } = await useFetch('/api/confidential', {
  headers: useRequestHeaders(['authorization']),
})
</script>