Vue结合Firebase注册时显示重定向到首页，如何阻止异常跳转？

• 路由跳转逻辑位置错误：this.$router.replace({ name: 'Home' }) 写在Firebase异步请求的外层，属于方法执行时的同步代码，只要触发注册方法，代码会先立刻执行console.log('Continue')和跳首页的操作，不等Firebase接口返回注册结果，和注册是否成功完全无关。
• 回调函数this指向错误：Firebase的回调使用普通function声明，内部this不会绑定到当前Vue组件实例，既无法正确读取this.email、this.lozinka等表单值，也无法访问挂载在实例上的this.$router、全局store等属性。
• 条件判断逻辑语法错误：catch块内的if ( store.currentUser=null ) 是单等号赋值操作，并非相等判断，逻辑完全失效。
• 异步链路断裂：用户信息写入Firebase的操作嵌套在创建账号的回调内部，没有和上层Promise链路打通，一旦写入失败，会抛出未捕获的异步异常，流程不受控。

• 将跳首页的逻辑移到全链路注册流程全部成功完成的回调中，也就是完成Firebase账号创建、用户信息集合写入两个步骤后，再触发跳转，不要放在方法的同步执行段。
• 所有Promise回调统一使用箭头函数声明，保证回调内部this指向当前Vue组件实例，正常读取表单值、访问路由实例。
• 简化错误处理逻辑：注册流程触发异常时，无需主动跳回注册页（当前本身就在注册页），只需要输出错误信息、给用户展示注册失败提示即可。
• 打通异步Promise链路，避免嵌套回调，统一做错误捕获，保证每一步异步操作的结果都能被流程感知。

register() {
  firebase
    .auth()
    .createUserWithEmailAndPassword(this.email, this.lozinka)
    .then(() => {
      console.log('账号创建成功');
      const userId = this.email;
      // 把用户信息写入的操作return出去，和上层Promise链路打通
      return db.collection("user").doc(userId).set({
        korisnicko_ime: this.korisnicko_ime,
        email: this.email,
        lokacija: this.lokacija,
        ime_objekta: this.ime_objekta,
        kontakt: this.kontakt,
      })
    })
    .then(() => {
      console.log("用户信息保存成功");
      // 只有全流程走完才跳首页
      this.$router.replace({ name: 'Home' });
    })
    .catch((error) => {
      console.error("注册流程出错：", error);
      // 失败时停留在当前页，展示错误提示，不做多余跳转
    });
}

内容的提问来源于stack exchange，提问作者Jan Tuđan