Google Cloud Functions HTTP POST请求问题：无法传递message参数

你遇到的CORS错误和message参数无法传递的问题，本质是同一个原因：你配置的Express中间件根本没生效，而且浏览器的预检请求被错误地交给了你的业务函数处理。

核心问题拆解 #

Google Cloud Functions的HTTP触发器是直接调用你导出的helloWorld函数，但你初始化的Express app并没有和这个函数绑定在一起。这就导致了两个连锁问题：

1. CORS预检请求失败：浏览器发送的OPTIONS预检请求没有被cors中间件处理，你的helloWorld函数直接接收了这个请求——而OPTIONS请求没有请求体，所以触发了你的错误逻辑，返回No message defined!，同时也没有返回CORS所需的响应头，浏览器就报错了。
2. JSON body无法解析：body-parser.json()中间件没生效，所以req.body始终是undefined，自然拿不到你前端发送的message参数。

修复后的Cloud Function代码 #

把你的Express app直接作为Cloud Function导出对象，让中间件能正常工作：

const express = require('express')
const errorhandler = require('errorhandler')
const logger = require('morgan')
const bodyParser = require('body-parser')
const cors = require('cors')

// 初始化Express app
const app = express()

// 应用所有中间件
app.use(bodyParser.json())
app.use(logger('dev'))
app.use(errorhandler())
app.use(cors({origin: true}))

// 定义POST请求的处理路由
app.post('/', (req, res) => {
  // Example input: {"message": "Hello!"}
  if (req.body.message === undefined) {
    // 错误处理：message参数缺失
    res.status(400).send('No message defined!');
  } else {
    console.log(req.body.message);
    res.status(200).send('Success: ' + req.body.message);
  }
});

// 导出整个app作为Cloud Function
exports.helloWorld = app;

为什么这样能解决问题？ #

• CORS问题消失：cors中间件会自动处理浏览器的OPTIONS预检请求，返回正确的Access-Control-Allow-Origin等响应头，浏览器就不会再拦截请求了。
• 参数能正常传递：body-parser.json()会正确解析POST请求的JSON格式请求体，req.body.message就能拿到你前端输入的内容了。

额外提示 #

• 部署修改后的代码后，记得用新的Cloud Function端点URL测试
• 你的前端JS代码不需要做任何修改，保持原来的逻辑即可
• 如果后续要添加更多接口，直接在app上用app.get/app.post定义路由就行，不用再单独导出函数

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