useRequestURL

源文件
使用 useRequestURL 可组合函数获取传入的请求 URL。

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

当结合缓存策略使用 混合渲染 (Hybrid Rendering) 时,通过 Nitro 缓存层处理缓存响应时,所有传入的请求头都将被丢弃,Nitro 缓存层(这意味着 useRequestURLhost 将返回 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 实例的属性。