Nuxt 3 已于 31 July 2026 结束生命周期
此版本将不再接收错误修复或安全补丁。 升级到 Nuxt 4 或获取 HeroDevs 提供的延长支持

useRequestURL

源码
使用 useRequestURL 组合函数访问传入请求的 URL。

Maschinelle Übersetzung ·0 % geprüft

useRequestURL 是一个辅助函数，返回一个在服务器端和客户端均适用的 URL 对象。

在使用 Hybrid Rendering 和缓存策略时，通过 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>
阅读 MDN 文档了解 URL 实例属性。