如何从Supabase正确获取数据？查询返回空数组求助

针对你遇到的getAllPosts函数返回空数组的问题，以下是几个最可能的排查方向：

• Row Level Security (RLS) 拦截访问
  Supabase默认对新创建的表启用RLS，且默认策略禁止匿名用户读取数据。即便你在控制台手动添加了数据，匿名密钥发起的查询也会被拦截，返回空数组。
  解决方式：

  1. 进入Supabase控制台，找到blogposts表的权限设置页
  2. 确认RLS状态，如果已启用，添加一条允许匿名读取的策略：

     CREATE POLICY "允许匿名读取博客文章" ON blogposts
     FOR SELECT USING (true);
     

• 表名/字段名大小写不匹配
  PostgreSQL（Supabase底层）默认区分大小写，若你控制台中的表名是BlogPosts（首字母大写），但代码中用blogposts全小写，会导致查询不到数据。
  验证方式：在Supabase控制台的SQL编辑器执行SELECT * FROM blogposts;，确认表名正确且能返回数据。

• 环境变量未正确加载
  虽然你已检查URL和密钥，但Next.js的环境变量可能存在加载问题。可以在Supabase初始化代码中添加日志，确认变量是否正确注入：

  console.log('Supabase URL:', supabaseUrl);
  console.log('Supabase Anon Key:', supabaseAnonKey);
  

  若输出undefined，需检查.env.local文件中的变量名是否正确（确保是NEXT_PUBLIC_SUPABASE_URL和NEXT_PUBLIC_SUPABASE_ANON_KEY），且重启了开发服务器。

• 数据未实际写入表中
  确认控制台中看到的“若干行数据”确实已成功保存。在Supabase控制台的SQL编辑器执行SELECT COUNT(*) FROM blogposts;，若结果为0，说明数据插入过程存在问题，需重新检查数据插入逻辑。

• 异步调用的错误隐藏
  你的getAllPosts函数虽然处理了错误，但如果调用时未正确捕获异常（比如Promise.all中的错误被吞掉），可能存在隐藏错误未被发现。建议在调用处添加完整的错误捕获：

  try {
    const posts = await getAllPosts();
    console.log('Posts:', posts);
  } catch (err) {
    console.error('调用失败:', err);
  }
  

内容的提问来源于stack exchange，提问作者Gleb