useRequestURL 는 서버 측과 클라이언트 측 모두에서 작동하는 URL 객체를 반환하는 헬퍼 함수다. URL is: {{ url }} Path is: {{ url.pathname }} output URL is: http://localhost:3000/about Path is: /about

내장된 useRequestHeader 컴포저블을 사용하여 페이지, 구성요소, 플러그인 내의 수신 요청 헤더에 액세스할 수 있다. // Get all request headers const headers = useRequestHeaders() // Get only cookie request header const headers = useRequestHeaders(['cookie']) 브라우저에서 useRequestHeader 를 호출하면 빈 객체가 반환된다. 사용 예 useRequestHeaders 는 SSR 중에 초기 요청의 authorization 헤더에 액세스하고 향후 내부 요청을 프록시하는데 사용할 수 있다. 아래 예에서는 $fetch호출에 요청 헤더 authorization 을 추가한다.

페이지, 컴포넌트 및 플러그인 내에서 useRequestEvent 를 이용하여, 들어오는 요청에 액세스하는 데 사용할 수 있다. // Get underlying request event const event = useRequestEvent() // Get the URL const url = event.path 브라우저에서 userRequestEvent 를 호출하면 undefined 가 반환된다.

useNuxtData 는 useAsyncData, useLazyAsyncData, useFetch 및 useLazyFetch 에서 명시적으로 제공된 키를 이용하여 캐시된 값에 접근할 수 있다. 사용법 아래 예는 서버에서 최신 데이터를 가져오는 동안 캐시된 데이터를 placeholder 로 사용하는 방법을 보여준다. // pages/posts/[id].vue // Access to the cached value of useFetch in posts.vue (parent route) const { id } = useRoute().params const { data: posts } = useNuxtData('posts') const { data } = useLazyFetch(`/api/posts/${id}`,..

useNuxtApp 은 클라이언트 측과 서버 측 모두에서 사용할 수 있는 Nuxt의 공유 런타임 컨텍스트에 액세스하는 방법을 제공하는 내장 컴포저블이다. Vue 앱 인스턴스, 런타임 후크, 런타임 구성 변수 및 내부 상태(예: ssrContext 및 payload) 에 액세스하는 데 도움이 됩니다. Method provide(name, value) nuxtApp 은 Nuxt 플러그인을 사용하여 확장할 수 있는 런타임 컨텍스트이다. 이 provide 함수를 사용하여 Nuxt 플러그인을 생성하면 모든 컴포저블과 구성요소에서 Nuxt 애플리케이션에서 사용할 수 있는 값과 도우미 메서드를 만들 수 있다. const nuxtApp = useNuxtApp() nuxtApp.provide('hello', (name)..

useFetch 는 기본적으로 비동기 처리기가 해결될 때까지 탐색을 차단한다. lazy 옵션을 true 로 설정하여 핸들러가 리졸브되기 전에 탐색을 시도할 수 있는 useFetch 래퍼를 제공한다. 참고) Nuxt-Composable > useFetch Example Loading ... 참고) Nuxt-개요 > 데이터 가져오기