
supabase auth ui 默认打开登录页,但可通过 `view="sign_up"` 属性直接初始化为注册界面,无需用户手动点击“注册”链接,提升新用户注册体验。
在使用 @supabase/auth-ui-react 构建身份认证流程时,Auth 组件默认以 "sign_in" 视图启动(即显示登录表单)。若你正在设计一个独立的注册页面(例如点击「立即加入」按钮后跳转至 /register),则应主动控制初始视图为 "sign_up",避免用户误填信息后才发现当前是登录页。
只需在
✅ 支持的 view 值包括:
⚠️ 注意事项:
- view 属性仅控制初始渲染状态;用户仍可在 UI 内自由切换(如点击“已有账号?登录”),如需禁用切换,需配合自定义 CSS 或封装逻辑限制交互;
- 若同时设置了 redirectTo,确保回调地址对注册成功场景也有效(例如 /profile 应能处理首次注册后的重定向);
- 使用 view="sign_up" 后,邮箱验证码、密码强度校验等注册流程逻辑保持原生支持,无需额外配置。
通过精准控制 view 属性,你可以为不同入口(如首页注册按钮、落地页 CTA)提供语义清晰、路径最短的用户旅程——让新用户第一眼看到的就是注册表单,真正实现“所见即所得”的认证体验。










