1. Kubernetes 前后端分离架构部署实战指南在现代Web应用开发中前后端分离架构已成为主流选择。这种架构模式下前端应用通常基于React/Vue等框架和后端服务如Spring Boot/Django独立开发、部署和扩展。而Kubernetes作为容器编排的事实标准为这种架构提供了完美的运行环境。本文将分享我在多个生产级项目中积累的Kubernetes前后端分离部署经验。2. 架构设计与核心组件2.1 典型分离架构组成前后端分离应用在Kubernetes中的标准部署通常包含以下核心组件前端应用容器打包静态资源HTML/CSS/JS后端API服务提供RESTful/gRPC接口Ingress Controller处理外部访问路由ConfigMap/Secret管理环境配置Service定义内部服务发现2.2 网络流量路径外部用户 → Ingress → [前端Service → 前端Pod] → [后端Service → 后端Pod] → (可选)[数据库Service → 数据库Pod]3. 前端应用部署详解3.1 容器化前端应用以Vue.js项目为例标准Dockerfile配置# 构建阶段 FROM node:16 as builder WORKDIR /app COPY package*.json ./ RUN npm install COPY . . RUN npm run build # 运行阶段 FROM nginx:alpine COPY --frombuilder /app/dist /usr/share/nginx/html COPY nginx.conf /etc/nginx/conf.d/default.conf EXPOSE 80关键配置要点使用多阶段构建减小镜像体积静态文件应放入Nginx默认目录生产环境需配置合理的缓存策略3.2 Kubernetes部署配置前端Deployment示例apiVersion: apps/v1 kind: Deployment metadata: name: frontend spec: replicas: 3 selector: matchLabels: app: frontend template: metadata: labels: app: frontend spec: containers: - name: nginx image: your-registry/frontend:v1.2.0 ports: - containerPort: 80 resources: requests: cpu: 100m memory: 128Mi limits: cpu: 500m memory: 256Mi4. 后端服务部署策略4.1 后端服务特殊考量后端服务部署需要特别注意健康检查配置就绪/存活探针资源限制与自动扩缩配置信息安全管理服务依赖启动顺序4.2 Spring Boot应用示例典型Deployment配置片段apiVersion: apps/v1 kind: Deployment metadata: name: backend spec: strategy: rollingUpdate: maxSurge: 1 maxUnavailable: 0 template: spec: containers: - name: app image: your-registry/backend:2.3.1 envFrom: - configMapRef: name: backend-config - secretRef: name: backend-secrets ports: - containerPort: 8080 livenessProbe: httpGet: path: /actuator/health port: 8080 initialDelaySeconds: 30 periodSeconds: 105. 网络配置与Ingress路由5.1 服务暴露方案对比方案类型适用场景优缺点ClusterIP内部服务通信安全但无法外部访问NodePort测试环境简单但端口管理复杂LoadBalancer云厂商环境生产部署自动LB但成本高Ingress生产环境标准方案功能丰富但配置略复杂5.2 Ingress路由配置示例apiVersion: networking.k8s.io/v1 kind: Ingress metadata: name: app-ingress annotations: nginx.ingress.kubernetes.io/rewrite-target: /$1 spec: rules: - host: yourdomain.com http: paths: - path: /api(/|$)(.*) pathType: Prefix backend: service: name: backend port: number: 8080 - path: /(.*) pathType: Prefix backend: service: name: frontend port: number: 806. 配置管理与安全实践6.1 配置分离方案推荐配置管理方式环境变量通过ConfigMap注入敏感信息使用Secret存储动态配置考虑使用ConfigMap热更新或外部配置中心6.2 安全加固措施生产环境必须配置Pod安全上下文SecurityContext网络策略NetworkPolicy资源配额ResourceQuota服务账户权限控制7. 持续部署与监控7.1 CI/CD流水线设计典型部署流程代码提交触发构建容器镜像构建与扫描推送至镜像仓库Kubernetes部署更新自动化测试验证监控报警配置7.2 监控指标配置关键监控指标包括容器资源使用率应用性能指标响应时间、错误率业务指标QPS、并发数Kubernetes对象状态Pod重启次数、部署状态8. 常见问题排查指南8.1 部署问题速查表现象可能原因排查命令Pod处于Pending状态资源不足或调度问题kubectl describe pod name服务无法访问网络策略或服务配置错误kubectl get endpoints前端显示API连接错误CORS配置或路由问题检查浏览器开发者工具网络请求后端数据库连接失败Secret配置或网络连通性kubectl exec -it pod -- curl service8.2 性能优化技巧前端优化启用Nginx gzip压缩配置合理的缓存头使用CDN分发静态资源后端优化合理设置JVM参数数据库连接池配置启用API响应缓存K8s集群优化节点亲和性配置Pod拓扑分布约束HPA自动扩缩配置在实际项目中我们通过这种部署架构成功支撑了日PV百万级的电商应用。一个特别有用的技巧是在Ingress中为前端路由配置fallback到index.html这对Vue/React等SPA应用的路由跳转至关重要。配置示例如下nginx.ingress.kubernetes.io/configuration-snippet: | if (!-e $request_filename) { rewrite ^/(.*) /index.html last; }