Azure App Service多容器部署错误暴露后端服务问题求助

原因分析 #

Azure App Service在多容器部署场景下，若多个服务都配置了端口映射，默认会优先选择第一个被检测到的服务作为流量入口。仅设置WEBSITES_PORT无法明确指定该端口关联的具体服务，导致外部流量被错误路由到后端服务。

解决步骤 #

1. 给前端服务添加专属标识标签 #

在docker-compose.yml中为frontend服务添加Azure专属标签，明确标记其为Web入口服务：

version: '3'
 
services:
  backend:
    image: myregistry.azurecr.io/backend:latest
    ports:
      - "3000:3000"

  frontend:
    image: myregistry.azurecr.io/frontend:latest
    ports:
      - "4173:4173"
    labels:
      com.microsoft.azure.app-service: "true"
      com.microsoft.azure.app-service.ports: "4173"

这些标签会引导App Service将外部流量优先导向frontend服务。

2. 调整后端端口暴露方式（可选） #

如果后端仅需与前端进行内部通信，无需对外暴露，可以修改后端的端口配置为仅内部暴露，避免App Service误识别：

version: '3'
 
services:
  backend:
    image: myregistry.azurecr.io/backend:latest
    expose:
      - "3000" # 仅暴露内部端口，不映射到主机端口

  frontend:
    image: myregistry.azurecr.io/frontend:latest
    ports:
      - "4173:4173"

3. 验证前端容器端口有效性 #

在本地执行docker-compose up后，访问localhost:4173确认前端服务是否正常响应，排除镜像本身的端口监听配置问题。

4. 确认App Service全局配置 #

在Azure门户的App Service配置面板中，确保WEBSITES_PORT已设置为4173；同时可添加WEBSITES_CONTAINER_START_TIME_LIMIT（建议设为600），给前端容器足够的启动时间，避免因启动延迟导致流量被临时路由到后端。

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