mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-02 02:17:15 +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>
39 lines
1.1 KiB
Markdown
39 lines
1.1 KiB
Markdown
---
|
|
title: "useRequestHeaders"
|
|
description: "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.
|
|
|
|
```js
|
|
// 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.
|
|
|
|
```vue [pages/some-page.vue]
|
|
<script setup>
|
|
const { data } = await useFetch('/api/confidential', {
|
|
headers: useRequestHeaders(['authorization'])
|
|
})
|
|
</script>
|
|
```
|
|
|
|
::alert{icon=👉}
|
|
[Another example](/docs/getting-started/data-fetching#example-pass-client-headers-to-the-api) shows how we can pass cookies from the initial request to another API route.
|
|
::
|