Nuxt3部署Cloud Functions时server目录调用readBody()报错求助

1. 确保返回合法响应 #

你的代码仅读取请求体但未返回任何响应，这会导致Nuxt在处理响应阶段触发类型错误。添加返回语句，返回结构化的JSON响应：

export default defineEventHandler(async (event) => {
  const body = await readBody(event)
  // 返回符合要求的响应格式
  return { success: true, receivedData: body }
})

2. 配置Firebase Nitro预设 #

部署到Cloud Functions时，必须让Nuxt使用适配Firebase的Nitro运行时预设，否则请求处理逻辑会出现环境兼容问题。在nuxt.config.ts中添加以下配置：

export default defineNuxtConfig({
  nitro: {
    preset: 'firebase',
    firebase: {
      gen: 2 // 若使用Cloud Functions v2版本，添加此配置
    }
  }
})

3. 手动解析请求体（备选方案） #

如果readBody方法在Cloud Functions环境下存在兼容性问题，可以通过Node.js原生请求对象手动解析请求体：

export default defineEventHandler(async (event) => {
  const body = await new Promise((resolve, reject) => {
    let rawData = ''
    event.node.req.on('data', (chunk) => {
      rawData += chunk
    })
    event.node.req.on('end', () => {
      try {
        // 尝试解析为JSON，解析失败则返回原始字符串
        resolve(JSON.parse(rawData))
      } catch (err) {
        resolve(rawData)
      }
    })
    event.node.req.on('error', reject)
  })

  return { received: body }
})

4. 匹配请求Content-Type #

确认发送POST请求时设置了正确的Content-Type请求头：

• 若发送JSON数据，需设置Content-Type: application/json
• 若发送表单数据，需改用readFormData方法解析：

export default defineEventHandler(async (event) => {
  const formData = await readFormData(event)
  return { formData: Object.fromEntries(formData) }
})

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