我正在尝试在 firebase 上使用 vanilla JavaScript 和 HTML 创建一个“安全”门户，但我遇到了一个问题，我可以在不登录的情况下打开一个门户页面。
我已将应用程序配置为使用 Google Workspace 帐户进行身份验证（根据 this page），我目前能够检查用户是否已登录（使用 Firebase 9 函数 onAuthStateChanged，定义为here）。
它目前相当快地重定向到登录页面，但我担心的是页面拉起一毫秒。我通过将隐藏属性添加到适当的部分来解决这个问题，但它仍然在 HTML 上并且可以被删除。
解决这个问题的最佳方法是什么？我的直觉告诉我，我只需要使用 JavaScript 使应用程序的其余部分动态显示，并将 HTML 限制为基本上是一个函数调用，但我想排除其他选项，因为我还不知道该怎么做。
我一直在寻找普通的 JavaScript 解决方案，但大部分都找到了使用 PHP 的答案（我发现的堆栈溢出答案似乎不确定）。