Nuxt 3 - 后响应中间件

Question

我有一个用例，我想在响应通过路由处理程序后调用中间件。 文档描述标准服务器中间件仅在处理请求之前运行（ https://nuxt.com/docs/guide/directory-structure/server ）。

我想要完成的是：

// file: server/api/test/index.ts
export default defineEventHandler(async (event) => {
    return { "test": true }
})

当我通过 GET /api/test 调用端点时，我希望响应是：

{ "result": { "test": true } }

所以基本上将所有 API 响应映射到 object 中，键为“result”。 使用 express 中间件和其他框架很容易做到这一点，因为您通常可以等待路由处理程序的结果，然后将结果包装在 object 中。

这如何通过 Nuxt 3 中间件来完成？

Answer 1

中间件的目的是在执行端点之前检查逻辑。 我认为使用中间件不会完成您的任务。

这是一种不涉及任何中间件的解决方案：

您可以创建一个自定义 function 来映射您的响应。

function mapResponse(data){
  return {
    result: data
  }
}

并在你内部使用它 api 端点，如下所示：

export default defineEventHandler((event) => {
  return mapResponse({ "test": true })
})

然后您还可以根据需要自定义 function。

Answer 2

h3 的 GitHub 页面上很棒的人向我展示了一个可行的解决方案。（ https://github.com/unjs/h3/issues/397 ）

// ~/server/utils/handler.ts
import type { H3Event } from 'h3'

export const defineMyHandler = (handler: (event: H3Event) => any) => {
  const _handler = async (event: H3Event) => {
    const response = await handler(event)

    const responseNew = doSome(response )

    return responseNew
  }

  return defineEventHandler(_handler)
}