无法获取Firebase Storage异步函数返回的下载URL问题

你的download函数之所以返回undefined，核心问题是函数本身没有返回异步操作的结果：你在then回调里返回的url仅作用于该回调函数，并没有传递到外层的download函数。另外async函数内混用await和then也会导致逻辑冗余，下面给出两种修复方案：

方案一：统一使用await/try-catch（推荐） #

这种写法更简洁易读，符合async函数的使用习惯：

export async function download(path) {
  try {
    // 直接await获取下载URL，并返回给调用方
    const url = await getDownloadURL(ref(storage, path));
    return url;
  } catch (error) {
    switch (error.code) {
      case 'storage/object-not-found':
        console.log('storage/object-not-found');
        break;
      case 'storage/unauthorized':
        console.log('storage/unauthorized');
        break;
      case 'storage/canceled':
        console.log('storage/canceled');
        break;
      case 'storage/unknown':
        console.log("unknown");
        break;
    }
    // 可选：抛出错误让调用方处理，或者返回默认值
    throw error;
  }
}

方案二：修正原Promise链式写法 #

如果想保留then/catch的写法，需要让download函数直接返回整个Promise链：

export function download(path) {
  // 关键：返回getDownloadURL的Promise对象
  return getDownloadURL(ref(storage, path))
    .then((url) => {
      return url;
    })
    .catch((error) => {
      switch (error.code) {
        case 'storage/object-not-found':
          console.log('storage/object-not-found');
          break;
        case 'storage/unauthorized':
          console.log('storage/unauthorized');
          break;
        case 'storage/canceled':
          console.log('storage/canceled');
          break;
        case 'storage/unknown':
          console.log("unknown");
          break;
      }
      throw error;
    });
}

调用示例 #

修复后，你原来的调用方式就能正常获取URL了，比如在React中存入状态：

async function test() {
  try {
    const url = await download("/3.png");
    console.log(url);
    // 将URL存入状态
    // setImageUrl(url);
    // 或存入数据库
    // saveToDatabase(url);
  } catch (err) {
    console.error("获取URL失败：", err);
  }
}

或者使用then链式调用：

function test() {
  download("/3.png")
    .then(url => {
      console.log(url);
      // 处理URL
    })
    .catch(err => console.error("获取URL失败：", err));
}

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