Docker环境下Grafana与Nginx容器间连接问题求助

• 用Docker Compose部署了grafana和容器名为rainviewer的Nginx服务，二者处于同一Docker网络，已通过ping验证容器名互通，且用容器名访问InfluxDB正常
• 在Grafana中尝试加载Nginx的HTML页面时，使用容器名rainviewer访问失败，仅能通过宿主机IP+端口8081正常加载
• 尝试过配置Nginx转发，但未理解问题根源，未能解决

我的Docker Compose配置 #

services:
  rainviewer:
    image: nginx
    restart: "no"
    ports:
      - 8081:80
    volumes:
      - ./rainviewer/html:/usr/share/nginx/html:ro


  grafana:
    image: grafana/grafana:latest
    user: "0:0"
    restart: "no"
    depends_on:
      - influxdb
    ports:
      - 3001:3000
    environment:
      GF_PANELS_DISABLE_SANITIZE_HTML: 'true'
    volumes:
      - ./grafana/grafana:/var/lib/grafana
      - ./grafana/grafana.ini:/etc/grafana/grafana.ini

问题根源 #

Grafana加载HTML页面的请求是在浏览器端发起的，而非Grafana容器内部。Docker容器名（比如rainviewer）只有Docker内部网络能解析，浏览器所在的外部网络无法识别这个名称对应的IP。而用宿主机IP能访问，是因为宿主机通过端口映射把8081端口转发到了Nginx容器的80端口，浏览器可以直接访问宿主机的端口。

解决方案 #

方案1：直接使用宿主机IP+端口（简单直接） #

在Grafana中配置加载HTML的URL时，直接填写http://<你的宿主机IP>:8081/目标页面路径，比如http://192.168.1.100:8081/index.html。

方案2：本地hosts文件映射（仅开发环境用） #

在浏览器所在机器的hosts文件中添加一行：

<宿主机IP> rainviewer

这样浏览器会把rainviewer解析为宿主机IP，就能用http://rainviewer:8081/xxx.html访问。注意这个方法只适合本地开发，无法在生产环境使用。

方案3：反向代理统一域名（生产环境推荐） #

部署一个额外的Nginx反向代理容器，给Grafana和Nginx配置统一域名下的子路径或子域名：

• 比如用http://yourdomain.com/grafana指向Grafana容器的3000端口
• 用http://yourdomain.com/rainviewer指向Nginx容器的80端口
  这样浏览器通过统一域名访问，所有请求由反向代理转发到对应容器，同时避免跨域问题。

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