Nuxt3服务端插件：如何通过event.context获取useNuxtApp资源

问题核心 #

你开发的通用插件在客户端可正常调用，但在服务端defineEventHandler中无法通过useNuxtApp获取资源，且直接访问event.context也找不到插件注入的属性。

解决方案 #

1. 修正插件的服务端注入逻辑

你的插件需要同时处理Vue组件上下文和服务端Nitro请求上下文的注入。修改插件代码如下：

export default defineNuxtPlugin((nuxtApp) => {
  // 初始化你的Kafka Factory实例
  const kafkaFactory = createYourKafkaFactory()

  // 提供给客户端/Vue组件使用
  nuxtApp.provide('kafkaFactory', kafkaFactory)

  // 服务端：将实例挂载到每个请求的context中
  if (process.server) {
    nuxtApp.hook('server:request', (event) => {
      event.context.$kafkaFactory = kafkaFactory
    })
  }

  return {
    provide: {
      kafkaFactory
    }
  }
})

2. 在defineEventHandler中正确获取资源

现在可以直接从event.context中获取插件资源：

export default defineEventHandler(async (event) => {
  const requestPayload = await event.readBody()
  const kfactory = event.context.$kafkaFactory
  
  // 调用插件方法
  kfactory.publish(requestPayload)

  return { status: 'success' }
})

原因说明 #

• useNuxtApp是Vue组件和Nuxt composable专属的API，仅能在Vue上下文环境中使用，无法直接在Nitro的请求处理器（defineEventHandler）中调用，这是你遇到报错的根本原因。
• 之前的插件未通过server:request钩子将资源注入到服务端请求上下文，所以event.context中不存在对应的属性。

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