通过 100 多个技巧学习 Nuxt!

useRequestHeader

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

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

// Get the authorization request header
const authorization = useRequestHeader('authorization')
在浏览器中,useRequestHeader 将返回 undefined

示例

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

下面的示例读取 authorization 请求头,以确定用户是否有权访问受限资源。

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