useRequestURL

源文件
通过 useRequestURL 组合式函数访问传入的请求 URL。

useRequestURL 是一个辅助函数,它返回一个同时适用于服务器端和客户端的 URL 对象

当结合缓存策略使用 混合渲染时,通过 Nitro 缓存层处理缓存响应时,所有传入的请求头都将被丢弃(这意味着对于 hostuseRequestURL 将返回 localhost)。你可以定义 cache.varies 选项来指定在缓存和提供响应时要考虑的请求头,例如多租户环境下的 hostx-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 实例属性的内容。