useRequestURL
使用 useRequestURL 可组合函数访问传入的请求 URL。
useRequestURL
是一个辅助函数,返回一个 URL 对象,在服务器端和客户端均可使用。
当使用 混合渲染 和缓存策略时,通过 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>
<p>URL 为:http://localhost:3000/about</p>
<p>路径为:/about</p>