Vercel生产环境中Supabase返回指定JSON错误问题求助

1. 确认Vercel生产环境变量已正确部署生效 #

• 登录Vercel控制台进入项目，检查Settings -> Environment Variables，确保NEXT_PUBLIC_SUPABASE_URL、NEXT_PUBLIC_SUPABASE_ANON_KEY（或服务端用的SUPABASE_SERVICE_ROLE_KEY）已添加到Production环境，且值与本地完全一致。
• 注意：修改环境变量后必须重新部署生产环境，否则新变量不会生效。

2. 排查RLS策略在生产环境的实际状态 #

• 登录Supabase生产项目控制台，进入对应表的Table Editor -> RLS，确认：
  • 表的RLS开关处于启用状态；
  • SELECT策略确实允许anon角色访问，比如策略是否为：

    CREATE POLICY "Allow anonymous read access" ON your_table
    FOR SELECT USING (true);
    

  • 避免策略中包含本地环境特有的条件（比如依赖本地测试数据的字段值）。
• 在Supabase控制台SQL Editor中模拟anon用户身份验证，执行测试查询验证策略：

  SET ROLE anon;
  SELECT * FROM your_table WHERE [你的查询条件];
  

3. 修正API路由中的查询方法（针对"JSON object requested"报错） #

• 该报错通常是使用.single()方法时，查询返回了多行或零行数据。本地环境可能刚好匹配单行，但生产环境数据结构或数量有变化。
• 调整查询代码：
  • 预期返回单行时，改用.maybeSingle()并处理空数据：

    // Next.js API路由示例
    import { createClient } from '@supabase/supabase-js';
    
    export async function GET(request) {
      const supabase = createClient(process.env.NEXT_PUBLIC_SUPABASE_URL, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY);
      const { data, error } = await supabase
        .from('your_table')
        .select('*')
        .eq('id', request.nextUrl.searchParams.get('id'))
        .maybeSingle();
    
      if (error) {
        return Response.json({ error: error.message }, { status: 500 });
      }
      return Response.json(data || { message: 'No data found' });
    }
    

  • 预期返回多行时，直接移除.single()或.maybeSingle()方法。

4. 禁用Next.js静态缓存（针对App Router场景） #

• Next.js 13 App Router默认静态渲染会缓存响应，导致生产环境无法获取最新数据。
• 在API路由或页面组件顶部添加动态渲染配置：

  // 强制每次请求动态生成内容
  export const dynamic = 'force-dynamic';
  

• Server Components场景可通过unstable_noStore()禁用缓存：

  import { unstable_noStore as noStore } from 'next/cache';
  
  export async function getServerSideProps() {
    noStore();
    // Supabase查询逻辑
  }
  

5. 验证生产环境Supabase数据与查询条件匹配 #

• 检查生产环境表中是否存在对应数据，且字段结构、查询条件中的值与本地一致。比如本地有测试数据但生产环境表为空，或查询字段值在生产环境不存在。
• 在Supabase控制台Table Editor中手动执行查询，确认是否能返回预期结果。

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