useRequestURL

useRequestURL コンポーザブルを使用して、受信リクエストの URL にアクセスします。

useRequestURL は、サーバーサイドとクライアントサイドの両方で動作する URL オブジェクトを返すヘルパー関数です。

キャッシュ戦略を用いたハイブリッドレンダリングを利用する際、Nitro キャッシングレイヤーを介してキャッシュされたレスポンスを処理する際には、すべての受信リクエストヘッダーが削除されます（つまり、useRequestURL は host に対して localhost を返します）。

マルチテナント環境のために、キャッシュおよびレスポンスの提供時に考慮されるヘッダーを指定するために、cache.varies オプションを定義できます。例えば、host や x-forwarded-host などです。

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

<template>
  <p>URL is: {{ url }}</p>
  <p>Path is: {{ url.pathname }}</p>
</template>

MDN ドキュメントで URL インスタンスプロパティについて読むことができます。

※このページは Nuxt.js 公式ドキュメントの翻訳ページ（非公式）です。

公式ドキュメントの該当ページはこちら：
https://nuxt.com/docs/3.x/api/composables/use-request-url