useRequestHeaders · Nuxt 组合式函数

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

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

// Get only cookie request header
const headers = useRequestHeaders(['cookie'])

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

示例

我们可以使用 useRequestHeaders 访问并代理初始请求的 authorization 头到 SSR 期间的任何未来的内部请求。

下面的示例将 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。