在Azure App Service上部署搭载React应用的Nginx容器的正确方法是什么？

1. 修正Terraform配置错误 #

你当前的Terraform代码存在明确的笔误，会导致镜像拉取失败直接触发启动异常：

• 将DOCKER_REGISTRY_SERVER_URL的值从https:# acr.azurecr.io修正为https://<你的ACR实际名称>.azurecr.io，原配置中的#是错误字符，会导致认证失败无法拉取镜像
• 确认linux_fx_version中的<acr>、<registry>占位符已替换为实际的ACR名称和镜像仓库名，不要保留占位符

2. 对齐Nginx监听端口与Azure探活端口 #

Azure App Service会使用WEBSITES_PORT指定的端口做容器健康探测，你当前配置的探测端口是8080，但默认Nginx监听的是80端口，探测不通会直接判定容器启动失败。请修改你的docker/default.conf配置，将监听端口改为8080，同时适配React前端路由规则：

server {
    listen       8080;
    server_name  localhost;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        # 若React使用BrowserRouter路由模式，需添加以下规则避免刷新404
        try_files $uri $uri/ /index.html;
    }
}

3. 优化Dockerfile降低启动异常概率 #

你可以调整Dockerfile使用更小的基础镜像，加快启动速度避免超时：

# 用alpine版本的Nginx镜像，体积更小启动更快
FROM nginx:stable-alpine
COPY build /usr/share/nginx/html
COPY docker/default.conf /etc/nginx/conf.d/default.conf
# 只声明实际使用的端口避免混淆
EXPOSE 8080
CMD ["nginx", "-g", "daemon off;"]

修改完成后本地执行docker run -p 8080:8080 <你的镜像名>测试，确认8080端口可正常访问后再推送至ACR。

4. 其他可选排查项 #

• 确认ACR已开启管理员账户权限，保证认证拉取镜像正常
• 可将always_on参数改为true，避免冷启动导致的超时问题
• 若仍有问题可在Azure门户App Service的部署中心查看镜像拉取、容器启动的详细日志，定位具体失败环节

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