Auth0邮箱密码登录失败问题求助（附实现代码）

我在项目中使用Auth0实现登录功能，谷歌第三方登录可正常使用，但邮箱密码登录/注册时会提示**"WE'RE SORRY, SOMETHING WENT WRONG WHEN ATTEMPTING TO LOG IN"**，找回密码功能也出现相同问题。

项目中集成Auth0的代码如下：

import { useAuth0 } from "@auth0/auth0-react";
const { user, isAuthenticated, loginWithRedirect, logout } = useAuth0();
if (isAuthenticated){
        console.log(user)
    }

    const loggingout = () => {
        logout({ logoutParams: { returnTo: window.location.origin }})
        console.log("logged out")
    }

return (
        <>
            <div className='navBar'>

                <div className='additional-navitems-container'>
                    <div>
                        {isAuthenticated?(
                            <button className='button-logout' onClick={loggingout }>Log out</button>
                        ):
                            <button className='button-loggin' onClick={() => loginWithRedirect() }>Sign In</button>
                        )}
                    </div>
                    <div className='profile-picture'>
                        {isAuthenticated?(
                            <img src={user.picture} alt='profile'></img>
                        ):
                            <img src='' alt='profile images'/>
                        )}
                    </div>
                </div>
            </div> 
        </>
    );
}

export default NavBar;

登录页面报错截图：

排查与解决步骤 #

1. 检查Auth0控制台的数据库连接配置 #

• 确认已启用数据库连接（Email/Password），状态为“已启用”
• 如果需要注册功能，开启“允许用户注册”选项
• 验证密码策略是否合理，避免用户输入不符合要求的密码触发报错

2. 核对应用程序Auth0配置信息 #

• 确保Auth0Provider中的clientId、domain、redirectUri与控制台应用信息完全一致
• 将redirectUri添加到控制台的允许回调URL、允许注销URL列表中
• 在应用程序“高级设置”->“授权”中，开启password或password-realm授权类型（邮箱密码登录必备）

3. 通过Auth0日志定位具体错误 #

• 登录Auth0控制台，进入监控->日志，筛选失败的登录请求，查看详细错误码（如invalid_password、user_not_found、connection_disabled），这是快速定位问题的关键

4. 优化前端登录调用参数 #

• 若需强制使用数据库连接，可在loginWithRedirect中指定connection参数：

loginWithRedirect({
  connection: 'Username-Password-Authentication' // 默认数据库连接名，可在控制台查看实际名称
})

5. 配置找回密码功能 #

• 在控制台数据库连接->密码重置中，确认已启用邮件服务（内置或自定义SMTP）
• 开启“允许密码重置”选项
• 确保当前域名已加入允许Web Origins列表，避免跨域问题

6. 检查跨域（CORS）配置 #

• 在控制台应用程序设置->应用程序URI中，添加项目域名到允许Web Origins、允许来源URL
• 查看浏览器控制台，确认无CORS相关报错

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