useRequestURL

源代码
使用 useRequestURL 组合函数访问传入请求的 URL。

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

在使用带有缓存策略的 Hybrid Rendering 时,通过 Nitro 缓存层 处理缓存响应时会丢弃所有传入的请求头(这意味着 useRequestURLhost 上会返回 localhost)。你可以定义 cache.varies 选项 来指定在缓存和提供响应时要考虑的头,例如用于多租户环境的 hostx-forwarded-host
<script setup lang="ts">
const url = useRequestURL()
</script>

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