useRequestURL

使用 useRequestURL 组合件访问传入的请求 URL。

useRequestURL 是一个辅助函数,它返回一个 URL 对象,在服务器端和客户端都有效。

当使用 Hybrid Rendering 和缓存策略时,通过 Nitro 缓存层 处理缓存响应时,所有传入的请求头都会被丢弃(这意味着 useRequestURL 将返回 localhost 作为 host)。您可以在 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 实例属性的内容。