useRequestURL · Nuxtコンポーザブル

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>

URLインスタンスのプロパティについては、MDNドキュメントを参照してください。

useRequestHeaders

受信リクエストヘッダーにアクセスするには、useRequestHeadersを使用します。

useResponseHeader

サーバーレスポンスヘッダーを設定するには、useResponseHeaderを使用します。