4

我有这个 docker-compose.yml，它基本上构建了我的 e2e 测试项目。它由一个 postgres 数据库、一个后端 Node 应用程序、一个前端 Node 应用程序和一个使用 cypress 运行 e2e 测试的规范应用程序组成。版本：'3'

  services:
    database:
      image: 'postgres'
    backend:
      build: ./backend
      command: /bin/bash -c "sleep 3; yarn backpack dev"
      depends_on:
        - database
    frontend:
      build: ./frontend
      command: /bin/bash -c "sleep 15; yarn nuxt"
      depends_on:
        - backend
    spec:
      build:
        context: ./frontend
        dockerfile: Dockerfile.e2e
      command: /bin/bash -c "sleep 30; yarn cypress run"
      depends_on:
        - frontend
        - backend

Dockerfiles 只是简单的 Dockerfiles，它基于 node:8 复制项目文件并运行yarn install. 在规范 Dockerfile 中，我http://frontend:3000作为 FRONTEND_URL 传递。

spec但是当我的 cypress runner 无法连接到frontend错误时，此设置在命令中失败：

  spec_1      |   > Error: connect ECONNREFUSED 172.20.0.4:3000

如您所见，它将主机名frontend正确解析为 IP，但无法连接。我正在为为什么不能使用服务名称连接到前端而摸不着头脑。如果我打开命令specdo sleep 30; ping frontend，它会成功 ping 容器。我试过删除并让 docker-compose 重新创建网络，我试过分别指定expose和links服务。一切都没有成功。

如果你想尝试复制问题，我在这里设置了一个示例 repo： https ://github.com/afifsohili/demo-dockercompose-network

任何帮助是极大的赞赏！谢谢！

4

1 回答 1

3

您的应用程序正在监听环回：

$ docker run --rm --net container:demo-dockercompose-network_frontend_1 nicolaka/netshoot ss -lnt                                                               
State      Recv-Q Send-Q Local Address:Port               Peer Address:Port
LISTEN     0      128    127.0.0.11:35233                    *:*
LISTEN     0      128    127.0.0.1:3000                     *:*

从容器外部，您无法连接到仅侦听环回 ( 127.0.0.1) 的端口。您需要重新配置应用程序以侦听所有接口 ( 0.0.0.0)。

对于您的应用程序，在 package.json 中，您可以添加（根据nuxt faq）：

  "config": {
    "nuxt": {
      "host": "0.0.0.0",
      "port": "3000"
    }
  },

然后你应该看到：

$ docker run --rm --net container:demo-dockercompose-network_frontend_1 nicolaka/netshoot ss -lnt
State      Recv-Q Send-Q Local Address:Port               Peer Address:Port
LISTEN     0      128          *:3000                     *:*
LISTEN     0      128    127.0.0.11:39195                    *:*

您现在将得到 500，而不是无法访问的错误：

...
frontend_1  |   response: undefined,        
frontend_1  |   statusCode: 500,                                                                 
frontend_1  |   name: 'NuxtServerError' }
...
spec_1      | The response we received from your web server was:
spec_1      |                                                                                     
spec_1      |   > 500: Server Error
于 2018-08-02T13:32:06.213 回答