使用请求标头 useRequestHeaders

使用 useRequestHeaders 访问传入的请求标头。

useRequestHeaders

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

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

// 只获取 cookie 请求头
const headers = useRequestHeaders(['cookie'])

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

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

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

pages/some-page.vue

vue

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

另一个示例展示了我们如何将 cookie 从初始请求传递到另一个 API 路由。