useRequestURL
使用 useRequestURL 组合函数访问传入请求的 URL。
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 实例属性。