Firebase第二代可调用函数传参返回时触发CORS拦截，其他场景正常

你的问题核心是：Firebase第二代可调用函数仅在使用请求参数拼接返回值时触发CORS错误，但无参或仅打印参数的函数正常，且已配置公开权限。这种情况几乎可以确定：浏览器的CORS错误是服务端内部异常的伪装，而非真正的跨域权限问题。

可能的根因及排查步骤 #

1. 函数内部抛出未捕获异常
   Firebase可调用函数如果执行时抛出未处理的异常，服务端会返回500错误，且不会附带正确的CORS响应头，浏览器就会将其识别为CORS错误。而你只有在使用参数拼接返回值时触发问题，说明异常出现在参数处理或返回值生成的环节。

   • 立即去Firebase控制台的「函数 > 日志」，搜索testStupidWithArgs的调用记录，查看是否有报错信息（比如类型错误、参数未定义等）。

2. TypeScript类型导入错误
   如果CallableRequest未正确从firebase-functions/v2/https导入，可能导致运行时无法正确读取request.data，触发异常。检查你的代码开头是否有正确的导入：

   import { onCall, CallableRequest } from "firebase-functions/v2/https";
   

3. 参数类型不匹配
   Flutter端调用时直接传入字符串'testingArg here!!'，但如果函数对request.data的类型预期有误（比如误以为是对象），拼接时会触发错误。可以在函数中添加参数校验：

   exports.testStupidWithArgs = onCall(async function testStupidWithArgs(request: CallableRequest): Promise<string> {
     // 校验参数类型
     if (typeof request.data !== 'string') {
       throw new Error('Expected a string argument');
     }
     return `hello world and also ${request.data}`;
   });
   

4. 未正确处理异常并返回标准Callable错误
   Firebase要求可调用函数的异常必须用CallableError包装，否则会返回无CORS头的错误响应。修改函数添加错误捕获：

   import { onCall, CallableRequest, CallableError } from "firebase-functions/v2/https";
   
   exports.testStupidWithArgs = onCall(async function testStupidWithArgs(request: CallableRequest): Promise<string> {
     try {
       const something = request.data;
       if (typeof something !== 'string') {
         throw new CallableError('参数必须为字符串', 'invalid-argument');
       }
       return `hello world and also ${something}`;
     } catch (err) {
       console.error('函数执行错误:', err);
       // 用标准CallableError抛出，确保返回正确的CORS头
       throw new CallableError('处理请求失败', 'internal');
     }
   });
   

验证步骤 #

1. 部署修改后的函数，重新调用testStupidWithArgs。
2. 如果仍有问题，优先查看Firebase函数日志，那里会显示真正的错误原因，而非浏览器的CORS误导信息。

内容的提问来源于stack exchange，提问作者Action Jack Barker