nuxt logo

문서 번역(비공식)

useRequestHeader

useRequestHeader를 사용하여 특정 수신 요청 헤더에 접근하세요.

내장된 useRequestHeader 컴포저블을 사용하여 페이지, 컴포넌트 및 플러그인 내에서 수신 요청 헤더에 접근할 수 있습니다.

// authorization 요청 헤더 가져오기
const authorization = useRequestHeader('authorization')

브라우저에서는 useRequestHeaderundefined를 반환합니다.

예시

useRequestHeader를 사용하여 사용자가 권한이 있는지 쉽게 확인할 수 있습니다.

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

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