Firebase无‘no-cors’选项调用云函数遇CORS问题求助

首先明确：你遇到的问题根源是客户端调用方式和服务端函数类型不匹配，不是单纯的CORS配置问题。

问题分析 #

客户端用firebase.functions().httpsCallable("helloWorld")调用的是Firebase的可调用函数（Callable Functions），但你的服务端写的是普通的HTTP函数（onRequest），这两种函数的请求格式、处理逻辑完全不同，手动加CORS中间件也无法兼容SDK的调用规则。

另外你的服务端代码还有个低级错误：函数参数定义的是(request, response)，但内部却用了req和res，这会直接导致函数报错，也是问题诱因之一。

正确解决方案 #

方案1：改用可调用函数（推荐，适配客户端SDK）

把服务端的onRequest替换成onCall，Firebase会自动处理CORS、认证、请求解析等，不需要手动配置CORS：

const { onCall } = require("firebase-functions/v2/https");
const logger = require("firebase-functions/logger");

exports.helloWorld = onCall((request) => {
  logger.info("Hello logs!", { structuredData: true });
  return "Hello from Firebase!";
});

部署后客户端代码不需要修改，直接调用即可。

方案2：继续用HTTP函数（需修改客户端调用方式）

如果坚持用onRequest的HTTP函数，客户端不能用httpsCallable，得改用普通fetch，同时修正服务端的参数错误并正确配置CORS：
服务端代码修正：

const { onRequest } = require("firebase-functions/v2/https");
const logger = require("firebase-functions/logger");
const cors = require("cors")({ origin: true });

exports.helloWorld = onRequest((request, response) => {
  // 这里要和函数参数一致，用request和response，不是req和res
  cors(request, response, () => {
    logger.info("Hello logs!", { structuredData: true });
    response.send("Hello from Firebase!");
  });
});

客户端调用改为：

fetch("https://us-central1-projectepic-adcf9.cloudfunctions.net/helloWorld")
  .then(res => res.text())
  .then(() => {});

为什么基础示例没问题？ #

Firebase的Web应用基础示例里，可调用函数是和onCall配套使用的，平台会自动处理跨域逻辑，所以不会出现CORS问题。你混淆了两种函数类型才导致报错。

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