useRequestHeaders

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

¥You can use built-in useRequestHeaders composable to access the incoming request headers within your pages, components, and plugins.

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

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

示例

¥Example

我们可以使用 useRequestHeaders 访问初始请求的 authorization 头，并将其代理到服务器端渲染 (SSR) 期间的任何内部请求。

¥We can use useRequestHeaders to access and proxy the initial request's authorization header to any future internal requests during SSR.

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

¥The example below adds the authorization request header to an isomorphic $fetch call.

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