Supabase-js v2：PKCE会话切标签页丢失，persistSession等配置失效求助

1. 是否为PKCE会话持久化的已知Bug？
   目前@supabase/supabase-js@2.52.0版本的PKCE流程中，跨标签页会话丢失并非官方标注的已知Bug，但确实有不少开发者反馈类似场景问题，大概率是默认存储机制在跨标签同步时的兼容性问题。

2. 是否需要更换存储适配器？
   是的，强烈建议更换存储适配器来解决跨标签页会话同步问题：

• localStorage适配器：这是最直接的替代方案，本身支持同源下跨标签页的存储同步，配置方式如下：

  import { createClient } from '@supabase/supabase-js'
  import { localStorageAdapter } from '@supabase/auth-helpers-shared'
  
  const supabase = createClient('SUPABASE_URL', 'SUPABASE_ANON_KEY', {
    auth: {
      persistSession: true,
      autoRefreshToken: true,
      storage: localStorageAdapter
    }
  })
  

• IndexedDB适配器：如果需要存储更大体积的会话数据，或对存储安全性有更高要求，可选择IndexedDB适配器，它同样支持跨标签页同步，配置时替换对应适配器即可。
• 自定义适配器：若上述两种方案都不满足需求，可实现符合Supabase Auth存储规范的自定义适配器，核心是完成getItem、setItem、removeItem三个方法，确保跨标签页操作时数据能同步。

3. 额外排查点

• 确认浏览器是否禁用了第三方Cookie或本地存储：部分隐私模式或浏览器安全设置会阻止localStorage/IndexedDB写入，导致会话无法持久化。
• 检查Supabase客户端初始化是否存在异步竞争：比如会话还未完成持久化就调用getSession()，可尝试在supabase.auth.onAuthStateChange回调中处理会话相关逻辑，确保会话状态稳定后再操作。
• 验证PKCE流程配置完整性：确认Supabase控制台的站点URL已正确添加到允许列表，避免因跨域问题导致会话无法写入。

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