通过 100 多个技巧的集合学习 Nuxt!

useRequestURL

使用 useRequestURL composable 访问传入的请求 URL。

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

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