SupaBase公共网址-如何显示所有用户的化身？

Question

框架: Next.js与SupaBase

我试图让存储在表-> "Profiles“列中的所有用户化身

​

​

我只得到图像名"placeholder.png"，我如何获得公共网址，并为每个用户映射它？

这是我的密码

function Brugere({ profiler, url }) {
    return (
        <div className="flex -space-x-2 overflow-hidden">
          {console.log(profiler)}
          {profiler.map((e, index) => (
            <div className="person" key={index}>
              <p>{e.username}</p>
    
              <img
                className="inline-block h-10 w-10 rounded-full ring-2 ring-white"
                src={e.avatar_url}
                alt=""
              />
            </div>
          ))}
        </div>
    );
}
    
export default Brugere;
    
export async function getServerSideProps() {
    const { data: profiler, error } = await supabase.from("profiles").select("*");
    
      {
        error ? console.log(error) : console.log(profiler);
      }
    
      return {
        props: {
          profiler,
        },
    };
}

结果：

​

​

Answer 1

SupaBase的桶不是公开的！

你可以看看你的桶，就像这里看到的。

(把它公诸于众，悬停在水桶上，把三个点都说出来。！)

​

​