如何在Kubernetes部署本地MERN应用并解决组件连接与访问问题

1. 部署方法 #

完整的MERN部署流程分为以下几步：

• 镜像准备：将React前端、Node.js后端分别构建为Docker镜像并推送到镜像仓库（如Docker Hub）；MongoDB可直接使用官方镜像。
• 资源配置：编写Kubernetes资源YAML，核心资源包括：
  • Deployment：管理Pod副本数、镜像、环境变量等运行参数
  • Service：为Pod提供稳定的网络访问入口
  • PersistentVolumeClaim（PVC）：为MongoDB提供持久化存储，避免Pod重启后数据丢失
  • Ingress（可选）：生产环境推荐用Ingress统一管理外部访问路由
• 部署验证：
  1. 执行kubectl apply -f <yaml-file>依次创建PVC、MongoDB资源、后端资源、前端资源
  2. 用kubectl get pods检查所有Pod是否处于Running状态
  3. 用kubectl get services查看服务的外部访问地址（NodePort/LoadBalancer类型）

2. 后端MongoDB URL配置方式 #

Kubernetes内部通过Service的DNS名称实现服务发现，无需硬编码IP，配置方式如下：

• 在Node.js后端代码中，通过环境变量读取MongoDB连接地址：

  const mongoURI = process.env.MONGO_URI || 'mongodb://localhost:27017/todo-db';
  

• 在后端Deployment的containers字段中添加环境变量，直接使用MongoDB的Service名称作为地址：

  env:
    - name: MONGO_URI
      value: "mongodb://mongo:27017/todo-db"
  

这里mongo是你定义的MongoDB Service名称，Kubernetes会自动解析为对应的ClusterIP，端口27017为MongoDB默认端口。

3. 前端与Node.js API的交互方式 #

根据部署场景分为两种情况：

• Kubernetes内部交互：若前端也部署在集群中，前端API请求可直接使用后端Service的DNS名称，比如http://todo-server-app/api（todo-server-app为后端Service名称）
• 外部访问交互：
  • 将后端Service设置为NodePort类型，Minikube中执行minikube service todo-server-app即可获取外部访问地址，前端将API baseURL配置为该地址
  • 生产环境推荐用Ingress，配置域名路由（如api.yourdomain.com指向后端、yourdomain.com指向前端），前端API请求可配置为相对路径或域名地址

现有配置问题修复 #

你当前的配置存在两个关键错误，导致无法通过浏览器访问后端：

1. 后端Service选择器不匹配 #

后端Deployment的Pod标签为app: todo-server-app，但Service的selector设置为app: backend，导致Service无法关联到后端Pod。修正后的后端Service：

apiVersion: v1
kind: Service
metadata:
  name: todo-server-app
spec:
  selector:
    app: todo-server-app  # 与Deployment的Pod标签保持一致
  ports:
    - name: http
      port: 80
      targetPort: 5000
  externalTrafficPolicy: Cluster
  type: NodePort  # 添加类型，方便Minikube外部访问

2. 后端Service YAML语法错误 #

原配置中ports字段缩进错误，port、targetPort等需与name同级缩进，上述修正后的配置已修复该问题。

补充MongoDB PVC配置 #

你使用了todo-pvc但未提供对应配置，需创建以下PVC：

apiVersion: v1
kind: PersistentVolumeClaim
metadata:
  name: todo-pvc
spec:
  accessModes:
    - ReadWriteOnce
  resources:
    requests:
      storage: 1Gi

前端Deployment与Service示例 #

若尚未部署前端，可参考以下配置：

# 前端Deployment
apiVersion: apps/v1
kind: Deployment
metadata:
  name: todo-frontend-deploy
spec:
  replicas: 1
  selector:
    matchLabels:
      app: todo-frontend
  template:
    metadata:
      labels:
        app: todo-frontend
    spec:
      containers:
        - image: summer07/frontend1:1.0
          name: frontend-container
          ports:
            - containerPort: 3000
          imagePullPolicy: IfNotPresent
---
# 前端Service
apiVersion: v1
kind: Service
metadata:
  name: todo-frontend
spec:
  selector:
    app: todo-frontend
  ports:
    - port: 80
      targetPort: 3000
  type: NodePort

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