useRequestHeader

使用 useRequestHeader 来访问特定的请求头信息。

你可以使用内置的 useRequestHeader 组合式函数,在页面、组件或插件中访问任意传入的请求头。

// 获取 authorization 请求头
const authorization = useRequestHeader('authorization')
在浏览器端,useRequestHeader 将返回 undefined

示例

我们可以使用 useRequestHeader 来轻松判断用户是否具备访问权限。

下面的示例中,我们读取 authorization 请求头来判断用户是否可以访问受限资源:

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