AWS Amplify部署报错ERR_CONNECTION_RESET排查咨询

别慌，我帮你梳理几个针对性的排查方向，一步步定位问题根源：

1. 先盯紧Amplify控制台的部署细节 #

• 打开你的Amplify应用控制台，切到Deploy标签页，确认最新一次部署是不是真的「Build succeeded」+「Deploy succeeded」——有时候表面显示成功，实际部署阶段可能藏着隐性错误。
• 点击部署记录里的View logs，重点看Deploy环节的日志，有没有出现文件权限异常、资源路径不匹配或者CDN同步失败的提示。

2. 核对部署后的文件结构是否正确 #

• 到Hosting标签页找到Files and folders，查看部署后的文件目录。确认你的index.html是在根目录，而不是嵌套在build/dist这类子文件夹里（很多React应用构建产物默认在build，如果Amplify没配置对输出目录，就会找不到入口文件）。
• 点开index.html查看源码，检查里面引用的main.js、index.css等资源的路径是否正确——比如有没有用绝对路径但Amplify环境不支持，或者拼写错误。

3. 排查域名与SSL证书状态 #

• 连接重置常和SSL配置有关，到Hosting的Domain management部分，查看默认域名（xxx.amplifyapp.com）或自定义域名的SSL证书状态，确认是否已颁发并生效。刚部署的话可能需要等几分钟同步。
• 先尝试用Amplify提供的默认域名访问，排除自定义域名解析的问题。

4. 验证本地构建产物的可用性 #

• 本地运行你的构建命令（比如npm run build），生成产物后用本地服务器（比如serve -s build）测试能不能正常访问。如果本地都有问题，那大概率是React应用的构建配置本身有问题，比如Webpack输出路径设置错误。
• 对比本地构建产物和Amplify上的文件结构，看有没有文件缺失或者路径不一致的地方。

5. 检查Amplify托管配置 #

• 在Hosting的Hosting settings里，确认Build command和Output directory是否正确：React应用通常构建命令是npm run build，输出目录是build，填错的话Amplify只会上传部分文件。
• 查看Rewrites and redirects规则，React单页应用的默认规则应该是这样的，缺失或错误可能引发访问问题：

  [
    {
      "source": "</^[^.]+$|\\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|woff2|ttf|map|json)$)([^.]+$)/>",
      "target": "/index.html",
      "status": "200",
      "condition": null
    }
  ]
  

6. 排除本地网络与AWS权限限制 #

• 换个网络（比如手机热点）访问，排除本地防火墙或代理的干扰。
• 检查你的AWS账户有没有相关网络限制，比如Amplify托管资源是否被VPC安全组、NACL限制了对外访问。

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