多次调用Firebase httpsCallable仅首次返回结果如何解决？

问题根因 #

你遇到的两次调用仅触发一次日志的问题，主要由两个原因导致：

1. 第二种写法存在语法错误：myFunc(data){...} 缺少函数声明关键字，会直接抛出未捕获语法错误，后续代码停止执行。
2. 第一种写法的Observable订阅没有添加错误处理回调，请求抛出的异常被静默吞掉，会让你误以为调用卡住了，常见的异常来源包括云函数并发限制、CORS跨域错误、全局请求拦截器去重等。

修复方案 #

1. Observable订阅写法修复 #

添加完整的订阅回调，捕获所有异常：

const myFunc = functions.httpsCallable('myFunc')

function foo(inData){
  myFunc({data:inData}).subscribe({
    next: (res) => console.log(res),
    error: (err) => console.error('调用出错：', err)
  })
}

foo('aaaaa')
foo('bbbbb')

2. async/await写法修复 #

修复语法错误，添加异常捕获逻辑，如果需要确保两次调用并行完成可以搭配Promise.all：

// 补充函数声明关键字
function myFunc(data){
  return functions.httpsCallable('myFunc')(data)
}
async function foo(inData){
  try {
    let res = await lastValueFrom(myFunc({data:inData}))
    console.log(res)
  } catch(err) {
    console.error('调用出错：', err)
  }
}

// 并行调用写法
Promise.all([foo('aaaaa'), foo('bbbbb')])

额外排查点 #

如果修复后仍然有问题，打开浏览器控制台的网络面板，确认第二次调用是否实际发出了HTTP请求：

• 没有发出请求：检查前端是否配置了全局请求去重拦截器、RxJS共享操作符导致订阅被阻塞。
• 发出了请求但没有返回：检查云函数的并发限制、幂等校验规则、跨域配置是否正常。

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