useRequestHeader
useRequestHeader를 사용하여 특정 수신 요청 헤더에 접근하세요.
내장된 useRequestHeader
컴포저블을 사용하여 페이지, 컴포넌트 및 플러그인 내에서 수신 요청 헤더에 접근할 수 있습니다.
// authorization 요청 헤더 가져오기
const authorization = useRequestHeader('authorization')
브라우저에서는 useRequestHeader
가 undefined
를 반환합니다.
예시
useRequestHeader
를 사용하여 사용자가 권한이 있는지 쉽게 확인할 수 있습니다.
아래 예시는 authorization
요청 헤더를 읽어 사람이 제한된 리소스에 접근할 수 있는지를 확인합니다.
middleware/authorized-only.ts
export default defineNuxtRouteMiddleware((to, from) => {
if (!useRequestHeader('authorization')) {
return navigateTo('/not-authorized')
}
})
※이 페이지는 Nuxt.js 공식 문서의 비공식 번역 페이지입니다.
공식 문서의 해당 페이지는 여기 있습니다:
https://nuxt.com/docs/3.x/api/composables/use-request-header