如何在Nuxt3路由中间件中获取req对象？

在Nuxt3中，路由中间件不再直接提供req参数，但你可以通过Nuxt3的内置API获取服务器端的请求相关信息：

方法1：使用useRequestEvent()获取完整req对象 #

这个方法能拿到服务器端的请求事件对象，从中提取出Node.js环境下的req对象，仅在服务器端有效，需配合process.server判断执行：

// middleware/auth.ts
export default defineNuxtRouteMiddleware((to, from) => {
  if (process.server) {
    const event = useRequestEvent()
    // 确保event和node.req存在
    if (event?.node.req) {
      const req = event.node.req
      // 执行业务逻辑，比如调用store的action
      const store = useStore()
      store.dispatch('auth/initAuth', { req })
    }
  }
})

方法2：使用useRequestHeaders()快速获取请求头 #

如果仅需要获取请求头信息，可以用这个更便捷的方法，同样仅在服务器端可用：

// middleware/auth.ts
export default defineNuxtRouteMiddleware((to, from) => {
  if (process.server) {
    const headers = useRequestHeaders()
    // 示例：获取User-Agent
    console.log('请求头User-Agent:', headers['user-agent'])
    // 其他业务逻辑...
  }
})

注意事项 #

• 必须通过process.server判断代码是否在服务器端执行，客户端不存在req对象，直接调用相关API会报错。
• useRequestEvent()返回的对象在不同部署环境（如Cloudflare Workers）下结构可能略有差异，event.node.req是Node.js环境下的标准请求对象。

内容的提问来源于stack exchange，提问作者Waleed Tariq