useRequestURL

Acesse a URL da solicitação recebida com o composable useRequestURL.

useRequestURL é uma função auxiliar que retorna um objeto URL funcionando tanto no lado do servidor quanto no lado do cliente.

Ao utilizar Renderização Híbrida com estratégias de cache, todos os cabeçalhos de solicitação recebidos são descartados ao lidar com as respostas em cache através da camada de cache Nitro (o que significa que useRequestURL retornará localhost para o host).

Você pode definir a opção cache.varies para especificar cabeçalhos que serão considerados ao armazenar em cache e servir as respostas, como host e x-forwarded-host para ambientes multi-tenant.

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

<template>
  <p>URL é: {{ url }}</p>
  <p>Caminho é: {{ url.pathname }}</p>
</template>

Leia sobre as propriedades da instância URL na documentação MDN.

※Esta página é uma tradução não oficial da documentação oficial do Nuxt.js.

A página correspondente na documentação oficial está aqui:
https://nuxt.com/docs/3.x/api/composables/use-request-url