useRequestURL

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>

<p>URL 是：http://localhost:3000/about</p>
<p>路径是：/about</p>

:

在 MDN 文档中阅读关于 URL 实例属性的内容。 :