透過 100+ 個技巧的集合來學習 Nuxt!

useRequestURL

使用 useRequestURL 組合式函式存取傳入的請求 URL。

useRequestURL 是一個輔助函式,它會傳回一個在伺服器端和客戶端皆可運作的 URL 物件

當使用 混合式渲染 與快取策略時,透過 Nitro 快取層 處理快取回應時,所有傳入的請求標頭都會被捨棄(表示 useRequestURL 將會針對 host 傳回 localhost)。您可以定義 cache.varies 選項,以指定在快取和提供回應時將會考量的標頭,例如多租戶環境的 hostx-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 實例屬性。