aws-lambda - 自定义 AWS Cognito 托管的 UI confirmForgotPassword 页面

Question

目前通过提供的流程，模板以下列方式响应文本：

我们已通过电子邮件将密码重置代码发送至 j***@t***.com。在下方输入以重置您的密码。

有没有办法更新或添加到这个副本？我什至在哪里可以找到这个模板？

语境：

Vue Nuxt 应用程序与 nuxt 身份验证方案 oath2，通过 AWS Cognito 授权_endpoint

.../confirmForgotPassword?response_type=token&client_id=XXXXXX&redirect_uri=XXX等...

一如既往地感谢任何帮助和指导，因此在此先感谢！

标签： aws-lambdaoauth-2.0nuxt.jsamazon-cognito

Answer 1

好的，所以我找到了一种方法。这有点hacky，但它完成了工作。

在托管的 css 中，将 ::after 添加到文本跨度并将新副本放在该规则中。警告，这只是添加文本而不是更改现有提供的副本。

此处概述了更新流程： https ://docs.aws.amazon.com/cli/latest/reference/cognito-idp/set-ui-customization.html

#div-forgot-password-msg span::after {
  content: " additional text that will be displayed at the end of the existing copy."
}