如何在Auth0中实现返回应用按钮及重置密码后跳转登录页?
解决Auth0的两项功能实现问题
一、添加返回应用的功能按钮
- 登录Auth0管理后台,进入Branding > Universal Login,切换到Login标签页
- 点击Customize Login Page,在代码编辑器的合适位置(比如登录表单顶部/底部)插入返回按钮代码:
替换<button onclick="window.location.href='https://your-app-domain.com'" style="margin: 0 0 16px 0; padding: 8px 16px;">返回应用</button>https://your-app-domain.com为你的应用实际访问地址 - 若使用Lock组件,可在配置对象中添加自定义UI元素,或者直接修改模板代码,确保按钮点击事件能正确跳转回应用
二、密码重置成功后自动跳转至登录页面
排查&修复步骤
- 先确认数据库连接的重置密码配置:进入Authentication > Database > [你的目标数据库连接] > Password Policy > Password Reset,勾选Customize Password Reset Page
- 打开自定义重置密码页面的代码编辑器,找到
successCallback函数,修改为:successCallback: function() { // 跳转到Auth0登录页,替换为你的实际域名和客户端ID window.location.href = 'https://your-auth0-domain.auth0.com/login?client=your-client-id'; } - 也可通过全局设置配置:进入Branding > Universal Login > Advanced Options > Password Reset,在Redirect To中填写登录页面地址(必须是已在Applications > [你的应用] > Allowed Callback URLs中添加的合法地址)
- 注意:修改设置后需生成新的密码重置工单链接,旧链接不会应用新配置
内容的提问来源于stack exchange,提问作者Akila gamage
相关产品推荐
相关产品推荐

