如何将两个 docker 容器连接在一起

Question

我有一个reactjs 前端应用程序和一个简单的python flask。我正在使用docker-compose.yml 来启动两个容器，就像这样：

version: "3.2"

services:

  frontend:
    build: .
    environment:
      CHOKIDAR_USEPOLLING: "true"
    ports:
      - 80:80
    links:
      - "backend:backend"
    depends_on:
      - backend 

  backend: 
    build: ./api
    # volumes:
      # - ./api:/usr/src/app
    environment:
      # CHOKIDAR_USEPOLLING: "true"
      FLASK_APP: /usr/src/app/server.py
      FLASK_DEBUG: 1
    ports: 
      - 8083:8083

我使用了links，因此frontend 服务可以使用axios 与backend 服务通信，如下所示：

axio.get("http://backend:8083/monitors").then(res => {
      this.setState({
        status: res.data
      });
    });

我使用docker-compose up --build -d 构建并启动了两个容器，它们启动时没有任何问题并且运行良好。

但现在frontend 无法与backend 对话。

我正在使用AWS ec2 实例。当页面加载时，我尝试查看任何控制台错误并收到此错误：

VM167:1 GET http://backend:8083/monitors net::ERR_NAME_NOT_RESOLVED

有人可以帮帮我吗？

backend 服务已启动并正在运行。

Answer 1

您可以将 nginx 用作两者的反向代理

撰写文件

version: "3.2"

services:
  frontend:
    build: .
    environment:
      CHOKIDAR_USEPOLLING: "true"
    depends_on:
      - backend 

  backend: 
    build: ./api
    # volumes:
      # - ./api:/usr/src/app
    environment:
      # CHOKIDAR_USEPOLLING: "true"
      FLASK_APP: /usr/src/app/server.py
      FLASK_DEBUG: 1

  proxy: 
    image: nginx
    volumes:
      - ./nginx.conf:/etc/nginx/conf.d/example.conf
    ports: 
      - 80:80

最小的 nginx 配置（nginx.conf）：

server {
    server_name example.com;
    server_tokens off;

    location / {
        proxy_pass http://frontend:80;
    }
}

server {
    server_name api.example.com;
    server_tokens off;

    location / {
        proxy_pass http://backend:8083;
    }
}

请求命中 nginx 容器，并根据域路由到正确的容器。

要使用 example.com 和 api.example.com，您需要编辑您的 hosts 文件：

Linux：/etc/hosts
视窗：c:\windows\system32\drivers\etc\hosts
麦克：/private/etc/hosts

127.0.0.1 example.com api.example.com