小编Fis*_*egs的帖子

为了提高页面重新加载时反应应用程序的性能，我将用户凭据存储在本地存储上，并在注销时清除它们。但现在用户经常不注销，并且用户凭据可以在本地存储中保留很长时间，我认为这可能会导致一些安全漏洞？我不是 firebase 安全方面的专家，所以有人可以解释一下它是否安全吗？

firebase.auth().onAuthStateChanged(user=>{
    if (user) {
        localStorage.setItem('user', JSON.stringify(user));
    } else {
        localStorage.removeItem('user');
    }
})

所以我有一个使用 firebase auth 和 firestore 的很棒的 React 应用程序。一切正常，除了

每当我在用户已经登录时重新加载页面...导航栏链接就会改变一秒钟。看起来应用程序会在每个页面重新加载时自动重新登录（重新验证）用户。为什么这样？如何摆脱它？一些看起来相似的代码示例

import React, {useState, useEffect} from 'react';
import {Switch, Route} from 'react-router-dom'
import firebase from 'firebase/App'

export const App = () => {
    const [isAuth, setIsAuth] = useState()
    const auth = firebase.auth()

    useEffect(() => {
        auth.onAuthStateChanged(user => {
            if(user) {
                setIsAuth(true)
            } else {
                setIsAuth(false)
            }
        })
    }, [isAuth])

    return(
        <div className="App">
            <Navbar />
            <Switch>
                <Route to="/signIn" component={Login} />
                <Route to="/signUp" component={SignUp} />
                <Route to="/signOut" component={SignOut} />
            </Switch>
        </div>
    )
};

我正在 Linux 服务器（ubuntu 22）上运行 docker 版本 20.10.24。我使用 docker-compose 文件部署到它的所有应用程序一切正常。从昨天开始，我的所有应用程序在尝试部署时都给出了相同的错误。而不是构建应用程序 docker-compose 构建或启动 buildkit （不知道它是什么以及它是如何突然出现的）。当我直接使用 docker 构建并运行但没有 compose 时，应用程序运行良好。它与 docker-compose 有关

#1 [internal] booting buildkit
#1 pulling image moby/buildkit:buildx-stable-1
#1 pulling image moby/buildkit:buildx-stable-1 14.3s done
#1 creating container buildx_buildkit_default
#1 29.94 time="2023-10-06T09:12:05Z" level=warning msg="using host network as the defaul#1 creating container buildx_buildkit_default 15.7s done
time="2023-10-06T09:12:05Z" level=warning msg="using host network as the default"
#1 29.94 time="2023-10-06T09:12:05Z" level=warning msg="skipping containerd worker, as \"/run/containerd/containerd.sock\" does not exist"
#1 29.94 dtime="2023-10-06T09:12:05Z" level=info msg="found 1 workers, default=\"vqmalxhq8nkhwzm81d798d5q9\"" …

所以我们有一个 div 块，我们应用了一些边框半径使其成为一个圆形。

接下来我们在这个 div 块中定义了一个 css 网格。但是这个 css 网格并不包含在圆圈内。

问题是这个网格仍然将 div 块视为矩形框模型。Div 块仅渲染为圆形，但其内部仍然是一个盒模型。

知道如何仅在圆圈内包含CSS网格吗？

我不想隐藏溢出。我希望网格尊重边界并留在内部。

HTML 代码：

<div> </div>

CSS代码：

div{
  height: 25vh;
  width: 25vh;
  border-radius: 50%;
  border: 2px solid black;
  background-color: black;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr:
}