Terraform创建AWS Cognito托管UI后页面空白问题求助

你的问题核心是缺少用户池客户端（User Pool Client）配置，且访问托管UI的方式不正确。Cognito托管UI依赖用户池客户端确定授权流程、回调地址等上下文信息，没有它的话，页面无法正确加载静态资源，就会出现路径带null的404请求。

修复步骤 #

1. 添加用户池客户端资源 #

在你的Terraform配置中加入aws_cognito_user_pool_client资源，配置必要的OAuth参数和回调地址：

resource "aws_cognito_user_pool_client" "hosted_ui_client" {
  name                = "hosted-ui-client"
  user_pool_id        = aws_cognito_user_pool.user_pool.id
  generate_secret     = false # 托管UI不需要客户端密钥
  allowed_oauth_flows = ["code"] # 使用授权码流程
  allowed_oauth_scopes = ["openid", "email", "profile"]
  allowed_oauth_flows_user_pool_client = true # 启用用户池客户端的OAuth功能
  callback_urls       = ["http://localhost:3000/callback"] # 替换成你的实际前端回调地址
  logout_urls         = ["http://localhost:3000/logout"] # 替换成你的实际前端退出地址
  supported_identity_providers = ["COGNITO"] # 启用默认的Cognito用户身份提供商
}

2. 生成正确的托管UI登录URL #

不要直接访问域名根地址，需要构造包含客户端ID、回调地址等参数的授权URL。在Terraform输出中添加这个正确的URL：

output "hosted_ui_login_url" {
  value = "https://${aws_cognito_user_pool_domain.hosted_ui.domain}.auth.${data.aws_region.current.name}.amazoncognito.com/login?response_type=code&client_id=${aws_cognito_user_pool_client.hosted_ui_client.id}&redirect_uri=http://localhost:3000/callback"
}

3. 应用配置并测试 #

执行terraform apply更新资源，然后使用输出的hosted_ui_login_url访问托管UI，此时页面应该能正常加载登录表单，静态资源的请求路径也不会再出现null。

关键说明 #

• 用户池客户端是托管UI的核心配置，它定义了授权规则、允许的回调地址等，没有它Cognito无法确定如何渲染界面和处理授权请求。
• 回调地址必须与客户端配置中的callback_urls完全匹配，否则会出现授权错误。
• 如果需要自定义托管UI的样式，可以后续配置aws_cognito_user_pool_ui_customization资源，但基础功能只需要上述配置即可正常运行。

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