useRequestHeaders

使用 useRequestHeaders 来访问传入的请求头信息。

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

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

// 仅获取 cookie 请求头
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>

useRequestHeader

使用 useRequestHeader 来访问特定的请求头信息。

useRequestURL

使用 useRequestURL 可组合函数访问传入的请求 URL。