useRequestURL v3.5

源码
使用 useRequestURL 可组合函数获取传入的请求 URL。

useRequestURL 是一个辅助函数，返回一个在服务器端和客户端均可使用的 URL 对象。

在使用带有缓存策略的 混合渲染 时，通过 Nitro 缓存层 处理缓存响应时会丢弃所有传入的请求头（这意味着 useRequestURL 在 host 上会返回 localhost）。你可以定义 cache.varies 选项 来指定在缓存和提供响应时需要考虑的头，例如用于多租户环境的 host 和 x-forwarded-host。
如果你设置了 app.baseURL，服务器端返回的路径会相对于它，因此 /base/about 会以 /about 的形式提供。在客户端，useRequestURL 会读取 window.location，其中包含 base URL。
<script setup lang="ts">
const url = useRequestURL()
</script>

<template>
  <p>URL 为：{{ url }}</p>
  <p>路径为：{{ url.pathname }}</p>
</template>
请参阅 MDN 文档中关于 URL 实例属性的说明。