如何在Auth0中为被封禁用户登录时展示提示信息

给你几个可行的方案来解决这个问题：

方案一：捕获Auth0重定向的错误参数直接展示 #

当Auth0把封禁用户重定向回你的应用时，URL里会附带error和error_description参数。你只需要在登录页面的前端代码里解析这些参数，就能针对性地展示封禁提示：

• 封禁场景下，Auth0返回的error值通常是unauthorized，error_description会包含类似"User is blocked"的描述。
• 前端可以在页面加载时读取URL参数，匹配到封禁相关的错误后，渲染对应的提示文案。
• 举个React的示例代码：

// 登录页面组件的 useEffect 钩子
useEffect(() => {
  const params = new URLSearchParams(window.location.search);
  const error = params.get('error');
  const errorDesc = params.get('error_description');
  if (error === 'unauthorized' && errorDesc?.includes('blocked')) {
    // 把提示赋值给状态，在页面上渲染
    setLoginError('您的账号已被封禁，无法登录');
  }
  // 可选：清除URL里的错误参数，避免刷新重复显示
  if (error) {
    window.history.replaceState({}, document.title, window.location.pathname);
  }
}, []);

方案二：改用自定义登录页面（替代Auth0托管登录页） #

如果用的是Auth0默认的托管登录页，控制权有限，换成自己开发的自定义登录页就能更灵活处理：

• 调用Auth0的loginWithRedirect或loginWithPopup方法时，通过onRedirectCallback捕获登录错误，直接在前端展示封禁提示。
• 也可以在用户输入凭证后，先通过后端调用Auth0 Management API检查用户是否被封禁（避免前端暴露API密钥），如果已封禁，直接在登录页显示提示，不用跳转到Auth0。

方案三：优化Post Login Action的逻辑 #

你之前用Post Login Action没成功，是因为直接阻断了流程导致无法返回登录页。调整下Action的写法就行：

• 在Post Login阶段，通过event.user.blocked判断用户是否被封禁。
• 不要直接抛出错误终止流程，而是在idToken里添加自定义Claim（比如is_blocked: true），然后允许重定向回应用。
• 前端拿到idToken后解析这个Claim，判断是否显示封禁提示。
• Action代码示例：

exports.onExecutePostLogin = async (event, api) => {
  if (event.user.blocked) {
    api.idToken.setCustomClaim('is_blocked', true);
    api.idToken.setCustomClaim('block_msg', '您的账号已被封禁，无法登录');
  }
};

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