Firebase Cloud Function日志正常但浏览器无法获取返回数据，求排查

核心问题分析 #

1. 云函数未正确返回异步结果 #

你的云函数声明为async，但内部使用axios的.then()链式调用时，没有返回整个axios请求的Promise实例，也未通过await获取异步结果。这会导致云函数默认返回undefined，前端接收到的result.data自然为null。

另外，catch块仅打印错误日志，未抛出标准化错误，导致错误场景下前端无法感知异常，依然只能拿到空数据。

2. 前端异步处理风格混用（非核心，但需规范） #

前端Vuex的retrieveByExternalId是async函数，但调用云函数时混用了.then()和async/await，虽然不会直接导致数据为空，但会降低代码可读性，容易隐藏潜在异步问题。

修复后的代码 #

云函数代码（推荐使用async/await风格） #

exports.retrieveByExternalId = functions.https.onCall(async (data, context) => {
  const id = data.id;
  try {
    const response = await axios({
      method: "GET",
      url: `https://website/api/v2/workers/external/${id}`,
      headers: {
        accept: '*', 
        Authorization: 'API KEY' // 注意：Access-Control-Allow-Origin是响应头，无需在请求中设置
      }
    });
    functions.logger.log("Response", " => ", response.data);
    return response.data; // 明确返回获取到的数据
  } catch (error) {
    functions.logger.log("Error", " => ", error);
    // 抛出Firebase标准HTTPS错误，前端可直接捕获处理
    throw new functions.https.HttpsError('internal', '获取用户数据失败', error);
  }
});

前端Vuex代码（统一使用async/await风格） #

async retrieveByExternalId({ commit }, payload) {
  try {
    const retrieveByExternalId = firebase.functions().httpsCallable('retrieveByExternalId');
    const result = await retrieveByExternalId({ id: payload });
    console.log(result.data);
    commit('setUserContractorPayProfile', result.data);
  } catch (error) {
    console.error('获取用户数据失败:', error);
    // 可在此添加前端错误提示逻辑
  }
},

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