mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-15 02:14:44 +00:00
90784f79d7
* docs: implement new website theme * chore: rename dirs * chore: update build * lint fix * chore: update deps * fix: include node_modules in esbuild step * chore: update deps * Update .gitignore * chore: update theme version * up * up * fix: use svg for illustration * chore: update to 0.0.12 * chore: force parse5 resolution * stay with build * feat: always display first home section * Update yarn.lock * chore: update theme * fix lint * docs: update home title * chore: update website theme version * Update docs/content/0.index.md Co-authored-by: pooya parsa <pyapar@gmail.com> * Update docs/content/0.index.md Co-authored-by: pooya parsa <pyapar@gmail.com> * up * chore: bump theme version * up * chore: up * up up and up * chore: generate * fix: boolean value * feat: new images * update again * chore: up * ouep * chore: up Co-authored-by: Daniel Roe <daniel@roe.dev> Co-authored-by: Clément Ollivier <clement.o2p@gmail.com> Co-authored-by: pooya parsa <pyapar@gmail.com>
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. ::