useRequestURL

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

useRequestURL 是一个帮助函数,它返回一个URL 对象在服务器端和客户端均可工作。

当利用带有缓存策略的混合渲染时,通过Nitro 缓存层处理缓存响应时,所有传入的请求头都会被丢弃(这意味着 useRequestURL 将为主机返回 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 实例属性的内容。