Изучите Nuxt с коллекцией из 100+ советов!

useRequestURL

Получите доступ к URL-адресу входящего запроса с помощью композабла useRequestURL.

useRequestURL - это вспомогательная функция, которая возвращает объект URL, работающий как на сервере, так и на клиенте.

При использовании гибридного рендеринга со стратегиями кэширования, все заголовки входящих запросов отбрасываются при обработке кэшированных ответов через слой кэширования Nitro (то есть useRequestURL будет возвращать localhost для host).Вы можете определить опцию cache.varies, чтобы указать заголовки, которые будут учитываться при кэшировании и обслуживании ответов, например host и x-forwarded-host для многопользовательских сред.
<script setup lang="ts">
const url = useRequestURL()
</script>

<template>
  <p>URL-адрес: {{ url }}</p>
  <p>Путь: {{ url.pathname }}</p>
</template>
О свойствах экземпляра URL читайте в документации MDN.