在Azure部署React应用报错：容器未响应8080端口HTTP ping请求

从你提供的错误日志判断，核心问题是Azure App Service的容器存活检测请求访问8080端口失败，容器启动后无HTTP响应，被平台判定启动失败强制停止。你修改WEBSITES_PORT和PORT为80未生效，大概率是配置未正确落地或者应用启动逻辑没有读取对应环境变量，常见原因和对应解决方案如下：

故障排查&解决方法 #

• 配置未正确同步到平台
  确认端口配置是在Azure门户对应应用服务的「配置」-「应用程序设置」栏目下新增，而非写在本地项目配置文件中，修改配置后必须点击「保存」按钮触发应用实例重启才会生效。如果是自定义容器部署，要保证WEBSITES_PORT的值和容器内服务实际监听的端口完全一致。
• React应用未绑定正确端口
  如果你直接部署React开发服务（通过react-scripts start启动），默认Create React App的开发服务器监听3000端口，你需要修改项目package.json中的启动脚本，让它读取平台注入的端口环境变量：
  • Linux容器修改scripts.start为 "start": "PORT=$PORT react-scripts start"
  • Windows容器修改scripts.start为 "start": "set PORT=%PORT% && react-scripts start"

  提示：生产环境不建议直接部署React开发服务器，性能低且稳定性差，更推荐先执行npm run build打包生成静态资源，再搭配nginx、serve等静态Web服务部署。

• 静态资源部署启动命令错误
  如果你已经打包了静态资源，需要在启动命令中指定监听端口，比如用serve托管静态资源的话，启动命令要写为npx serve -s build -l $PORT，明确要求服务监听平台分配的端口。
• 容器启动超时
  如果应用依赖包多、启动流程长，可以在应用配置中新增WEBSITES_CONTAINER_START_TIME_LIMIT配置项，值设置为最大1800，延长平台等待容器启动的时间阈值，避免未启动完成就被判定失败。

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