Angular Pod与SpringBoot Pod连接失败，求AWS K8s环境解决方案

核心问题梳理 #

Angular作为前端应用运行在用户浏览器中，所有API请求是从客户端发起而非Pod内部，因此直接使用K8s Cluster IP会因浏览器无法访问集群内部网络而失效；复用前端ALB URL时，若未配置正确的路由规则，会导致ALB无法将API请求转发到后端服务。以下是针对性解决方案：

方案1：通过Ingress统一路由（推荐生产环境） #

利用已配置的AWS ALB Ingress Controller，通过路径区分前端页面和后端API请求，实现同一ALB下的流量转发：

1. 编写Ingress配置，将根路径/指向Angular服务，API前缀路径（如/api/*）指向后端服务：

apiVersion: networking.k8s.io/v1
kind: Ingress
metadata:
  name: app-unified-ingress
  annotations:
    kubernetes.io/ingress.class: alb
    alb.ingress.kubernetes.io/scheme: internet-facing
    alb.ingress.kubernetes.io/target-type: ip
spec:
  rules:
    - http:
        paths:
          - path: /
            pathType: Prefix
            backend:
              service:
                name: angular-service
                port:
                  number: 80
          - path: /api
            pathType: Prefix
            backend:
              service:
                name: backend-service
                port:
                  number: 8080

2. 修改Angular环境配置（如environment.prod.ts），将API基础路径设为/api，确保请求发送到同一ALB的API路径：

export const environment = {
  production: true,
  apiBaseUrl: '/api'
};

3. 验证ALB路由规则：登录AWS控制台，检查ALB的目标组是否正确关联到后端服务，确认路径转发规则生效。

方案2：为后端配置独立外部访问 #

若无需共用ALB，可为后端服务单独创建LoadBalancer（推荐用NLB，更适合API场景）：

1. 创建后端的LoadBalancer Service：

apiVersion: v1
kind: Service
metadata:
  name: backend-external-service
spec:
  type: LoadBalancer
  selector:
    app: backend
  ports:
    - protocol: TCP
      port: 80
      targetPort: 8080

2. 获取后端服务的外部域名/IP，更新Angular的API基础路径配置：

export const environment = {
  production: true,
  apiBaseUrl: 'http://<backend-external-ip-or-domain>'
};

3. 配置后端服务的CORS规则，允许前端ALB的域名发起跨域请求（如在后端代码中添加CORS过滤器，或通过Ingress配置CORS注解）。

方案3：利用Angular Pod内的NGINX反向代理 #

若希望API请求从前端Pod转发到后端（避免浏览器直接访问外部地址），可修改Angular Pod内的NGINX配置：

1. 在Angular的Docker镜像中，修改NGINX配置文件（如/etc/nginx/conf.d/default.conf），添加反向代理规则：

server {
  listen 80;
  server_name localhost;
  root /usr/share/nginx/html;
  index index.html index.htm;

  # 前端页面路由兼容
  location / {
    try_files $uri $uri/ /index.html;
  }

  # 后端API代理
  location /api/ {
    proxy_pass http://backend-service:8080/;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
  }
}

2. 同样将Angular的API基础路径设为/api，此时浏览器请求会先发送到前端Pod的NGINX，再由NGINX转发到后端ClusterIP服务。

关键排查点 #

• 测试Pod内部连通性：进入Angular Pod执行curl http://backend-service:8080/api/health，确认后端服务在集群内部可访问
• 查看浏览器控制台错误：区分是跨域（CORS）错误、404路径错误还是502网关错误，针对性调整配置
• 检查AWS安全组：确保ALB/节点安全组允许访问后端服务的端口，后端服务的安全组允许来自ALB/前端Pod的流量

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