mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-26 23:52:06 +00:00
3ec108493d
* docs: simplify docs to only markdown * Create nuxt-config.md * chore: update * chore: add readme
1.1 KiB
1.1 KiB
| title | description |
|---|---|
| useRequestHeaders | Use useRequestHeaders to access the incoming request headers. |
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'])
::alert{icon=👉}
In the browser, useRequestHeaders will return an empty object.
::
Example
We can use useRequestHeaders to access and proxy the initial request's authorization header to any future internal requests during SSR.
The example below adds the authorization request header to an isomorphic $fetch call.
<script setup>
const { data } = await useFetch('/api/confidential', {
headers: useRequestHeaders(['authorization'])
})
</script>
::alert{icon=👉} Another example shows how we can pass cookies from the initial request to another API route. ::