Supabase auth.signUp()无法返回data，仅响应中显示错误的解决方法

问题情况 #

• 使用环境：Supabase v2.0 + Vue3/Vite（选项式API）+ Pinia状态管理
• 问题表现：
  • 试用Supabase搭建服务，注册功能调用官方文档的signUp()代码后，注册成功时无法通过console.log({ data })输出数据
  • 用已注册邮箱重复注册时，能正常捕获并打印错误信息
  • 确认注册数据已成功存入Supabase数据库，浏览器网络面板中可看到访问令牌及响应内容，但data始终无法打印

原问题代码（RegistrationView.vue） #

methods: {
  async handleRegistration() {
    const { data, error } = await supabase.auth.signUp({
      email: this.email,
      password: this.password,
      options: {
        data: {
          firstName: this.firstName,
          lastName: this.lastName,
          phone: this.phone,
        },
      },
    });
    if (error) {
      console.log({ error });
    }
    if (data) {
      console.log({ data });
    }
  },
},

解决方法 #

不要从signUp()的返回值中解构data，改为直接解构error、user和session。

修改后的示例代码 #

const { error, session, user } = await supabase.auth.signUp({
  // 原有参数配置
})

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