出现回调 URL 不匹配错误时如何自定义 Auth0 错误页面?

How to customize Auth0 error page when there's a callback URL mismatch error?

我想防止我的用户在回调 URL 不匹配时看到 'Oops something went wrong' 错误页面。

每当用户将书签保存到我的 Angular 2 SPA 中的内部 URL 时,就会发生这种情况。我已经添加了一些可能的内部 URL 作为回调 URL,这些都有效,但我不能对每个可能的 URL 都这样做。

我尝试为 redirectUrl 设置 auth.params,但如果我设置 redirect = true,那么它会忽略我的 redirectUrl 并使用原始设置。如果我设置 redirect = false 登录会成功,但我的应用程序会在主页上打开,而不是 redirectUrl 本身。

有什么方法可以拦截 something went wrong 错误并提供对用户更友好的消息吗?

您可以 customize the Auth0 generic error page 包含有关您公司的信息,例如名称和支持电子邮件地址,或者您可以配置 Auth0 以显示完全自定义的错误页面。

完全自定义错误页面的配置可以通过多种方式完成,查看Custom Error Pages了解更多详情:

  • 您可以将用户重定向到自定义错误页面
  • 您可以将 Auth0 配置为代表您呈现自定义错误页面