React+Node.js+MongoDB应用容器化Dockerfile编写及部署求助

针对该React+Node.js+MongoDB项目，以下是适配的多阶段构建Dockerfile，同时解决你遇到的访问问题：

# 阶段1：构建React前端
FROM node:18-alpine AS build-frontend
WORKDIR /app/client
# 复制前端依赖清单并安装生产依赖
COPY client/package*.json ./
RUN npm ci --only=production
# 复制前端源码并执行构建
COPY client/ ./
RUN npm run build

# 阶段2：运行Node.js后端服务
FROM node:18-alpine
WORKDIR /app/server
# 复制后端依赖清单并安装生产依赖
COPY server/package*.json ./
RUN npm ci --only=production
# 复制后端源码
COPY server/ ./
# 将前端构建产物复制到后端静态资源目录，由后端托管前端页面
COPY --from=build-frontend /app/client/build ./public
# 暴露后端实际监听的8000端口
EXPOSE 8000
# 启动后端服务
CMD ["node", "server.js"]

关键说明 #

• 你之前的核心问题是容器内部服务监听端口与Dockerfile暴露端口不匹配：后端实际运行在8000端口，但你暴露了3000端口，导致外部请求无法触达服务。
• 多阶段构建大幅压缩镜像体积，仅保留运行所需的文件，避免把构建环境的冗余内容带入生产镜像。
• 前端构建产物被复制到后端的public目录，后端会自动托管静态文件，无需单独部署前端服务。

容器化操作步骤 #

1. 构建镜像（确保当前终端处于仓库根目录）：

   docker build -t noteworx-app .
   

2. 运行容器：

   docker run -d -p 3000:8000 noteworx-app
   

   -p 3000:8000将Azure VM的3000端口映射到容器内部的8000端口，此时你就能通过VM公网IP:3000访问应用。

验证与排查 #

• 用docker logs <容器ID>查看服务日志，确认是否输出Server running on port 8000，验证后端服务正常启动。
• 确认Azure VM安全组已开放TCP 3000端口的入站规则。
• 若后续部署到Kubernetes，需注意：MongoDB应单独部署（如StatefulSet），并修改后端配置中的数据库连接地址，确保服务间可正常通信。

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