useRequestURL · Nuxt 可组合函数

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

当使用混合渲染和缓存策略时，通过 Nitro 缓存层处理缓存响应时，所有传入的请求头都会被丢弃（这意味着 useRequestURL 将返回 localhost 作为 host）。您可以定义 cache.varies 选项来指定在缓存和提供响应时将考虑的头部，例如多租户环境中的 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 实例属性的内容。

useRequestHeaders

使用 useRequestHeaders 访问传入的请求头。

useResponseHeader

使用 useResponseHeader 设置服务器响应头。