Angular 17与Kubernetes内部Service通信失败求助

核心原因 #

浏览器运行在用户本地环境，不在Kubernetes集群的内部网络中，无法识别K8s集群专属的Service DNS域名（比如service-a）。而前端Pod属于集群网络的一部分，所以在Pod内执行wget能正常解析并访问。

解决方案 #

方案1：Angular开发环境代理（本地调试用） #

在Angular项目根目录创建proxy.conf.json文件：

{
  "/api": {
    "target": "http://service-a:5000",
    "secure": false,
    "pathRewrite": {
      "^/api": ""
    }
  }
}

修改angular.json的启动配置，加入代理参数：

"architect": {
  "serve": {
    "options": {
      "proxyConfig": "proxy.conf.json"
    }
  }
}

调整前端请求代码：

this.http.get('/api/message', { responseType: 'text' })
  .subscribe(data => this.messageA = data);

本地启动时，Angular CLI会自动把/api开头的请求转发到K8s集群内的service-a。

方案2：生产环境Nginx反向代理（推荐） #

如果你的前端容器用Nginx提供静态服务，修改Nginx配置添加反向代理规则：

location /api/ {
  proxy_pass http://service-a:5000/;
  proxy_set_header Host $host;
  proxy_set_header X-Real-IP $remote_addr;
}

可以把这个配置通过ConfigMap挂载到前端Pod，或者重新构建前端镜像。之后前端请求代码改为/api/message，浏览器请求前端的/api/message时，Nginx会自动转发到集群内的service-a。

方案3：Kubernetes Ingress配置 #

为service-a创建Ingress规则，暴露外部可访问的域名：

apiVersion: networking.k8s.io/v1
kind: Ingress
metadata:
  name: service-a-ingress
spec:
  rules:
  - host: service-a.example.com
    http:
      paths:
      - path: /message
        pathType: Prefix
        backend:
          service:
            name: service-a
            port:
              number: 5000

修改前端请求代码为http://service-a.example.com/message，确保用户本地能解析该域名（比如修改hosts文件或配置公网DNS）。也可以给前端Ingress添加路径转发，把前端的/api路径直接指向service-a，无需单独配置域名。

验证 #

修改完成后重新部署前端Pod，浏览器访问前端页面时，请求即可正常转发到service-a，不会再出现域名解析错误。

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