useRequestFetch
使用 useRequestFetch 组合式在服务器端请求中转发请求上下文和头信息。
您可以使用 useRequestFetch
在进行服务器端请求时转发请求上下文和头信息。
在进行客户端请求时,浏览器会自动发送必要的头信息。 然而,在服务器端渲染期间进行请求时,由于安全考虑,我们需要手动转发头信息。
不应转发的头信息将不会被包含在请求中。这些头信息包括,例如:
transfer-encoding
、connection
、keep-alive
、upgrade
、expect
、host
、accept
useFetch
组合式在底层使用 useRequestFetch
来自动转发请求上下文和头信息。
// 这将把用户的头信息转发到 `/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'))
在客户端导航期间的浏览器中,useRequestFetch
的行为将与常规的 $fetch
相同。
※此页面是 Nuxt.js 官方文档的非官方翻译页面。