useRequestHeader

You can use the built-in useRequestHeader composable to access any incoming request header within your pages, components, and plugins.

// Get the authorization request header
const authorization = useRequestHeader('authorization')

::tip In the browser, useRequestHeader will return undefined. ::

Example#

We can use useRequestHeader to easily figure out if a user is authorized or not.

The example below reads the authorization request header to find out if a person can access a restricted resource.

ts [app/middleware/authorized-only.ts] export default defineNuxtRouteMiddleware((to, from) => { if (!useRequestHeader('authorization')) { return navigateTo('/not-authorized') } })