Next.js集成Supabase遇Error 42501：public架构权限被拒求助

以下是针对你遇到问题的具体解决步骤：

1. 修正Supabase客户端的初始化与导入问题 #

你的初始化文件路径和代码存在两处问题：

• 初始化文件/util/supabase.js缺少createClient的导入语句，需补充：

  import { createClient } from '@supabase/supabase-js';
  
  const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
  const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY;
  
  export const supabase = createClient(supabaseUrl, supabaseAnonKey);
  

• index.js中的导入路径与初始化文件位置不匹配，需修正为对应路径：

  import { supabase } from "../util/supabase";
  

2. 配置数据库访问权限 #

方法一：给匿名用户添加基础访问权限 #

进入Supabase控制台的SQL Editor，执行以下SQL语句，授予anon用户访问public schema和course表的查询权限：

GRANT USAGE ON SCHEMA public TO anon;
GRANT SELECT ON public.course TO anon;

方法二：配置行级安全（RLS）策略（推荐生产环境使用） #

1. 进入Supabase控制台，打开Authentication -> Policies页面
2. 找到public.course表，点击New policy创建查询策略：
   • 策略名称：比如Allow anonymous read access to courses
   • 策略类型：Select
   • 目标角色：anon
   • 使用条件：直接填写true（允许所有匿名用户查询，可根据需求调整为更严格的条件）
3. 保存策略后，确保该表的Row Level Security处于启用状态

3. 验证环境变量配置 #

检查.env.local文件中的NEXT_PUBLIC_SUPABASE_URL和NEXT_PUBLIC_SUPABASE_ANON_KEY是否与Supabase项目设置中的值完全一致，避免拼写错误或复制遗漏。

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