javascript - 为什么 Firebase Auth 在登录时重新加载页面?

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

我正在为我正在开发的新网络应用程序设置登录页面。我正在将 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);
    });
}

最佳答案

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

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

希望有帮助:)

关于javascript - 为什么 Firebase Auth 在登录时重新加载页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56638040/

相关文章:

javascript - 显示 PHP 代码的 HTML 预订表单日期字段

javascript - 为什么这个子 Node 在 Firebase Cloud Functions 中没有被删除?

firebase - 将用户声明添加到来自 asp.net core api 的 firebase auth

javascript - JS : Caching data in variables

javascript - 如何在整个页面加载包括图像时启动 JS 代码(真实完成)

javascript - undefined object

html - ag 网格水平滚动

javascript - 在 Firebase 查询中组合 orderByChild 和 equalTo

javascript - Reactjs 中的嵌套循环返回简单的 ListItem - -Object.values 和 Object.keys

javascript - 使用 onbeforeunload 确认时是否可以捕获用户的回答?