useRequestURL

Accede a la URL de la solicitud entrante con el composable useRequestURL.

useRequestURL es una función auxiliar que devuelve un objeto URL que funciona tanto del lado del servidor como del cliente.

Al utilizar Renderizado Híbrido con estrategias de caché, todos los encabezados de solicitud entrantes se eliminan al manejar las respuestas en caché a través de la capa de caché de Nitro (lo que significa que useRequestURL devolverá localhost para el host).

Puedes definir la opción cache.varies para especificar los encabezados que se considerarán al almacenar en caché y servir las respuestas, como host y x-forwarded-host para entornos multi-inquilino.

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

<template>
  <p>URL es: {{ url }}</p>
  <p>Ruta es: {{ url.pathname }}</p>
</template>

Lee sobre las propiedades de instancia de URL en la documentación de MDN.

※Esta página es una traducción no oficial de la documentación oficial de Nuxt.js.

La página correspondiente en la documentación oficial está aquí:
https://nuxt.com/docs/3.x/api/composables/use-request-url