v3.16
Nuxt on GitHub

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 是：{{ url }}</p>
  <p>路径是：{{ url.pathname }}</p>
</template>
在 MDN 文档中了解更多关于 URL 实例属性的信息。