Kubernetes环境下Nginx Pod中JavaScript Fetch无法解析ClusterIP服务URL，但curl可正常解析的原因排查

这个问题的核心是代码运行的环境完全不同，咱们一步步理清楚：

1. 为什么curl能正常工作？ #

当你用kubectl exec进入Nginx Pod执行curl http://backend-service.default.svc.cluster.local时，这个请求是在Kubernetes集群内部的网络环境里发起的：

• K8s集群自带的CoreDNS服务会负责解析集群内的Service域名，backend-service.default.svc.cluster.local会被正确解析到该Service的ClusterIP。
• Pod和Service同属集群网络，网络规则允许Pod访问ClusterIP Service，所以能拿到预期的JSON响应。

2. 为什么JavaScript fetch会报错？ #

你的前端HTML页面是通过Nginx Pod提供给用户的，但页面里的JavaScript代码是在用户的浏览器中运行的，而用户的浏览器处于Kubernetes集群外部：

• 浏览器的DNS服务器无法识别K8s集群内部的Service域名（*.svc.cluster.local这类域名只有集群内的CoreDNS才能解析），所以会抛出net::ERR_NAME_NOT_RESOLVED错误。
• 退一步说，就算浏览器能解析到ClusterIP，ClusterIP是集群内部的虚拟IP，外部网络也无法直接访问这个IP地址。

解决办法 #

根据你的使用场景，有几种常见的解决方案：

• 暴露后端Service到集群外部：把后端Service的类型改成NodePort或者LoadBalancer，前端JS使用节点IP+NodePort，或者LoadBalancer分配的外部IP来发起请求。
• 配置Ingress：通过Ingress资源给后端Service绑定一个外部可访问的域名，前端JS使用这个公网域名进行请求（需要配合Ingress Controller使用）。
• 内部系统场景适配：如果你的前端页面只给集群内部的用户访问，可以让用户在集群内部的机器上打开页面，或者通过VPN接入集群网络，这样浏览器就能解析集群内的Service域名了。

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