useRequestHeader - Nuxt 组合式函数

您可以使用内置的 useRequestHeader 组合函数来在页面、组件和插件中访问任何传入请求的头部。

// 获取授权请求头部
const authorization = useRequestHeader('authorization')

在浏览器中，useRequestHeader 将返回 undefined。

示例

我们可以使用 useRequestHeader 轻松判断用户是否已授权。

下面的示例读取 authorization 请求头部以确定某人是否可以访问受限资源。

middleware/authorized-only.ts

export default defineNuxtRouteMiddleware((to, from) => {
  if (!useRequestHeader('authorization')) {
    return navigateTo('/not-authorized')
  }
})

useRequestFetch

Forward the request context and headers for server-side fetch requests with the useRequestFetch composable.

useRequestHeaders

使用 useRequestHeaders 访问传入的请求头。