为什么登录时Firebase Auth会重新加载页面?

时间:2019-06-17 19:53:17

标签: javascript html firebase firebase-authentication html-framework-7

我正在为我正在开发的新Web应用程序设置登录页面。我将Framework 7与Google Firebase一起使用。问题是,当我单击“登录”按钮时,Firebase不会返回任何内容……即使用户名和密码都可以,它也只是重新加载页面。

我尝试查看该函数可能会抛出的错误(使用开发控制台),但没有任何结果(正如我所说,页面只是重新加载了)。

这是我的javascript登录功能:

function login() {
    var formData = app.form.convertToData('#login-form');

    firebase.auth().signInWithEmailAndPassword(formData.username, formData.password).then(function () {
        mainView.router.navigate({name: 'dashboard'});
    }).catch(function (error) {
        // Handle Errors here.
        var errorCode = error.code;
        var errorMessage = error.message;
        console.log(`[${errorCode}] ${errorMessage}`);

        $('#login-error').html(errorMessage);
    });
}

1 个答案:

答案 0 :(得分:0)

这可能不是您的问题,但对我来说,原因是我忘记阻止登录按钮的默认行为。例如,对我而言,解决问题的方法是这样:

$("#login-button").click(e => {
  e.preventDefault();
  login();
});

我希望能对您有所帮助:)