useRequestFetch · Nuxt 可组合函数

您可以使用 useRequestFetch 在进行服务器端获取请求时转发请求上下文和标头。

在进行客户端获取请求时，浏览器会自动发送必要的标头。但是，在服务器端渲染期间进行请求时，由于请求是在服务器上发起的，因此我们需要手动转发标头。

**不应转发**的标头将**不会包含**在请求中。例如，这些标头包括：transfer-encoding、connection、keep-alive、upgrade、expect、host、accept

useFetch 可组合函数在内部使用 useRequestFetch 自动转发请求上下文和标头。

<script setup lang="ts">
  // This will forward the user's headers to the `/api/foo` event handler
  // Result: { cookies: { foo: 'bar' } }
  const requestFetch = useRequestFetch()
  const { data: forwarded } = await useAsyncData(() => requestFetch('/api/cookies'))
  
  // This will NOT forward anything
  // Result: { cookies: {} }
  const { data: notForwarded } = await useAsyncData(() => $fetch('/api/cookies')) 
</script>

在浏览器进行客户端导航期间，useRequestFetch 的行为将与常规的 $fetch 完全相同。

useRequestEvent

使用 useRequestEvent 可组合函数访问传入的请求事件。

useRequestHeader

使用 useRequestHeader 访问特定的传入请求标头。