如何从Hostinger将子域名指向AWS Amplify？DNS配置指引

一、在AWS Amplify中配置子域名 #

• 打开AWS Amplify控制台，找到你的React应用项目
• 进入域名管理页面，点击「添加域名」
• 在输入框中填写子域名 app.domain.com，点击继续
• 系统会自动生成对应的CNAME记录信息（包含记录名称、目标地址），请记录下这些内容

二、在Hostinger后台配置DNS记录 #

• 登录Hostinger账户，进入主域名domain.com的DNS设置面板
• 添加一条CNAME类型的记录：
  • 记录类型：选择CNAME
  • 主机名：填写app（对应完整子域名app.domain.com的前缀部分）
  • 目标值：粘贴AWS Amplify提供的CNAME目标地址（格式类似d1234567890abc.cloudfront.net）
  • TTL：保持默认值（如300秒）即可
• 保存设置，等待DNS记录生效（通常需要10分钟至数小时，取决于TTL配置）

三、验证配置生效 #

• 使用命令行工具执行 nslookup app.domain.com 或 dig app.domain.com，确认返回的目标地址与Amplify提供的一致
• 等待Amplify自动检测到DNS配置完成，之后子域名会绑定到你的React应用，同时Amplify会自动签发SSL证书，确保HTTPS访问正常

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