必须先开启后端API服务，再拖拽预置登录组件并配置跳转页；组件支持手机号/邮箱切换、密码验证及内置错误提示，登录成功后按设置跳转或保持当前页。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要在码上飞AI生成的网站中快速加入用户登录功能，而不是从零手写后端接口、数据库和前端表单。登录功能必须能验证手机号或邮箱，支持密码输入与提交，且不依赖外部平台账号（如微信、GitHub）。
确认网站是否已启用后端服务
打开码上飞AI项目编辑页→点击左上角「设置」→下拉找到「部署与服务」→查看「后端API服务」开关状态。若为灰色关闭状态，【必须先开启，否则所有登录逻辑无法运行】。开启后系统会自动分配一个私有API域名，约需40秒生效。
这一步跳过会导致后续表单提交始终返回 404 或 CORS 错误，页面无任何提示，仅控制台报错。
插入预置登录组件
在页面编辑器中，将光标定位到需放置登录区域的位置（如首页顶部导航栏下方或独立登录页主体区）。
点击右侧「组件库」→搜索「登录」→拖拽「标准登录卡片（带手机号/邮箱切换）」组件到画布。
组件默认包含：账号输入框（带类型切换按钮）、密码框、登录按钮、忘记密码链接。无需修改字段名或绑定事件，内部已与后端API完成对接。
配置登录成功后的跳转行为
选中刚插入的登录组件→右侧属性面板展开「交互设置」→在「登录成功后跳转至」下拉菜单中选择目标页面。
可选项包括：当前页（刷新保留登录态）、首页、用户中心页、自定义URL。若选择「自定义URL」，需填写以 / 开头的相对路径，例如 /dashboard；填写外链（如 https://xxx.com）将被自动截断并忽略。
注意：未配置此项时，登录成功后页面保持不动，但用户实际已登录——可通过右上角用户头像或调用 window.MASF.isLoggedIn() 验证。
测试登录流程
第一步：点击编辑器右上角「预览」按钮，打开新窗口查看实时效果。
第二步：在预览页中输入已注册的手机号（或邮箱）和密码，点击「登录」。
第三步：观察浏览器地址栏变化与页面反馈。若跳转至设定的目标页，且右上角出现用户昵称或头像，则登录功能已生效。
若输入错误密码，组件会显示红色提示“账号或密码错误”，且不会触发跳转；该提示由组件内置校验逻辑触发，无需额外配置。
