Nuxt3中移植nuxtServerInit并获取请求对象方法咨询

在Nuxt3中，服务端插件获取请求对象的方式和Nuxt2的nuxtServerInit不同，下面是两种可靠的解决方案：

方案1：使用useRequestEvent()组合式函数 #

在你的init.server.ts插件里，直接调用Nuxt3提供的useRequestEvent()获取请求事件对象，从中提取request和请求头：

export default defineNuxtPlugin(() => {
  const event = useRequestEvent()
  if (!event) return

  // 从event中拿到node层的request对象
  const { req } = event.node
  // 读取请求头
  const customHeader = req.headers['x-custom-config']

  // 在这里执行你的初始化逻辑，比如写入运行时配置或状态管理
  const runtimeConfig = useRuntimeConfig()
  runtimeConfig.app.customConfig = customHeader
})

方案2：通过插件上下文的ssrContext获取 #

在defineNuxtPlugin的回调参数中，可以通过nuxtApp.ssrContext拿到服务端上下文，进而获取request对象：

export default defineNuxtPlugin(nuxtApp => {
  // 仅在服务端执行
  if (!process.server) return

  const event = nuxtApp.ssrContext?.event
  if (!event) return

  const { req } = event.node
  const userAgent = req.headers['user-agent']

  // 示例：更新Pinia状态
  const appStore = useAppStore()
  appStore.setUserAgent(userAgent)
})

额外提示 #

• 务必用process.server或者.server.ts插件后缀限定代码在服务端运行，避免客户端执行时因不存在request对象报错。
• 如果需要在应用初始化早期执行逻辑，可以绑定app:created服务端钩子，钩子参数直接提供event对象：

export default defineNuxtPlugin(nuxtApp => {
  nuxtApp.hook('app:created', (event) => {
    if (process.server) {
      const headers = event.node.req.headers
      // 执行初始化操作
    }
  })
})

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