认证失败时页面仍跳转的技术问题求助

数据老陈

2026-5-27

问题排查与修复方案

你的问题出在没有正确处理Firebase登录方法的异步逻辑，导致不管登录成功还是失败，页面都会执行跳转。咱们来一步步解决：

问题根源

signInWithEmailAndPassword是异步方法，它返回的是一个Promise对象。你现在的代码里没有用await等待这个Promise完成，所以result直接是一个未完成的Promise实例——而在JavaScript的条件判断里，Promise对象会被判定为true，所以哪怕登录失败抛出错误，跳转逻辑也已经执行了。

修复后的完整代码

async onLogin(user: User) {
  try {
    // 重点：添加await关键字，等待登录请求完成
    const result = await this.afAuth.auth.signInWithEmailAndPassword(user.email, user.password);
    // 只有登录成功（result存在且包含用户信息）时才跳转
    if (result?.user) {
      this.navCtrl.setRoot(ProfileSetupPage);
    }
  } catch (e) {
    console.error(e);
    // 这里可以添加用户可见的错误提示，比如弹出Toast
    // 示例：this.toastController.create({ message: e.message, duration: 3000 }).then(toast => toast.present());
  }
}