useRequestURL은 서버 사이드와 클라이언트 사이드 모두에서 동작하는 URL 객체를 반환하는 헬퍼 함수입니다.
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>
<p>URL is: http://localhost:3000/about</p>
<p>Path is: /about</p>