useRequestHeader

Source
useRequestHeader를 사용하여 들어오는 특정 요청 헤더에 접근합니다.

내장된 useRequestHeader 컴포저블을 사용하면 페이지, 컴포넌트, 플러그인 내에서 들어오는 어떤 요청 헤더든지 접근할 수 있습니다.

// authorization 요청 헤더 가져오기
const authorization = useRequestHeader('authorization')
브라우저에서는 useRequestHeader가 undefined를 반환합니다.

Example

useRequestHeader를 사용하면 사용자가 인가되었는지 아닌지를 쉽게 파악할 수 있습니다.

아래 예시는 authorization 요청 헤더를 읽어 특정 사용자가 제한된 리소스에 접근할 수 있는지 확인합니다.

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