v3.17

useRequestURL

Source
使用 useRequestURL 可组合项访问传入的请求 URL。

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

¥useRequestURL is a helper function that returns an URL object working on both server-side and client-side.

将 Hybrid Rendering 与缓存策略结合使用时，通过 Nitro caching layer 处理缓存响应时，所有传入的请求标头都将被丢弃（这意味着 useRequestURL 将为 host 返回 localhost）。你可以定义 cache.varies option 来指定在缓存和提供响应时需要考虑的标头，例如用于多租户环境的 host 和 x-forwarded-host。
<script setup lang="ts">
const url = useRequestURL()
</script>

<template>
  <p>URL is: {{ url }}</p>
  <p>Path is: {{ url.pathname }}</p>
</template>
阅读 MDN 文档中关于 URL 实例属性的内容。¥Read about the URL instance properties on the MDN documentation.