useRequestFetch
使用 useRequestFetch 组合式 API 为服务端 fetch 请求转发请求上下文和头部信息。
您可以使用 useRequestFetch
在进行服务端 fetch 请求时转发请求上下文和头部信息。
在客户端进行 fetch 请求时,浏览器会自动发送必要的头部信息。 然而,在服务端渲染期间进行请求时,出于安全考虑,我们需要手动转发头部信息。
不应转发的头部信息将不会包含在请求中。这些头部信息包括,例如:
transfer-encoding
、connection
、keep-alive
、upgrade
、expect
、host
、accept
useFetch
组合式 API 在底层使用 useRequestFetch
自动转发请求上下文和头部信息。<script setup lang="ts">
// 这会将用户的头部信息转发到 `/api/cookies` 事件处理程序
// 结果:{ cookies: { foo: 'bar' } }
const requestFetch = useRequestFetch()
const { data: forwarded } = await useAsyncData(() => requestFetch('/api/cookies'))
// 这不会转发任何内容
// 结果:{ cookies: {} }
const { data: notForwarded } = await useAsyncData(() => $fetch('/api/cookies'))
</script>
export default defineEventHandler((event) => {
const cookies = parseCookies(event)
return { cookies }
})
在浏览器中进行客户端导航时,
useRequestFetch
的行为与常规的 $fetch
相同。