useRequestURL

useRequestURL 컴포저블을 사용하여 들어오는 요청 URL에 접근하세요.

useRequestURL은 서버 측과 클라이언트 측 모두에서 작동하는 URL 객체를 반환하는 헬퍼 함수입니다.

캐시 전략을 사용하는 하이브리드 렌더링을 활용할 때, Nitro 캐싱 레이어를 통해 캐시된 응답을 처리할 때 모든 들어오는 요청 헤더가 삭제됩니다 (useRequestURL은 host에 대해 localhost를 반환합니다).

멀티 테넌트 환경을 위해 host 및 x-forwarded-host와 같은 응답을 캐싱하고 제공할 때 고려할 헤더를 지정하려면 cache.varies 옵션을 정의할 수 있습니다.

<script setup lang="ts">
const url = useRequestURL()
</script>

<template>
  <p>URL is: {{ url }}</p>
  <p>Path is: {{ url.pathname }}</p>
</template>

MDN 문서에서 URL 인스턴스 속성에 대해 읽어보세요.

※이 페이지는 Nuxt.js 공식 문서의 비공식 번역 페이지입니다.

공식 문서의 해당 페이지는 여기 있습니다:
https://nuxt.com/docs/3.x/api/composables/use-request-url