javascript - 我正在为我的应用程序使用 Firebase 身份验证。似乎存在无限循环，页面不断被重定向

Question

下面的函数是在用户登录时将用户重定向到“Select Stream.html”。它不断地一遍又一遍地替换位置。

firebase.auth().onAuthStateChanged(function(user) {
    if (user) {
        window.location.replace("Select Stream.html");
      // User is signed in.
    } else {
      // No user is signed in.
      window.location.replace("index.html");
    }
  });

我是编码新手。

Here is the Log in Function

function login()
{
    var userEmail=document.getElementById("email-field").value;
    var userPassword=document.getElementById("password-field").value;

    firebase.auth().signInWithEmailAndPassword(userEmail, userPassword).catch(function(error) {
        // Handle Errors here.
        var errorCode = error.code;
        var errorMessage = error.message;
        
      /*  window.location='Select Stream.html'; */
        window.alert("Error : " + errorMessage);
        // ...
      });
}


The Login function will be triggered when the signin-button is clicked.

<input onclick="login()" type="submit" name="signin-button" value="Sign In"/>

Answer 1

首先，将 Select Stream.html 的名称更改为不含空格或大写字母。这是常见的做法，我建议将文件名更改为 select_stream.html。

在打开select_stream.html或index.html之前，检查用户是否已经在该页面上以防止页面刷新，如下所示:

if (user) {
  // User is signed in.
  if(window.location.href.indexOf("select_stream.html") == -1){
    window.location.replace("select_stream.html");
  }
} else {
  // No user is signed in.
  if(window.location.href.indexOf("index.html") == -1){
    window.location.replace("index.html");
  }
}

window.location.href 变量引用当前页面的 URL，.indexOf 函数允许您检查 URL 中是否包含某个值。如果在字符串中找不到指定的值，.indexOf 函数将返回 -1，因此此代码仅在用户尚未位于重定向页面时进行重定向。