docker - GatsbyJS - 如何解决 GatsbyJS 的 "net::ERR_CONNECTION_REFUSED"？

Question

注意:感谢@Ferran Buireu 的建议。由于对 docker 非常陌生，并且将网络世界更改为系统和编程，我很肯定会得到负票。
部署gatsbyjs后，发现socketio错误“net::ERR_CONNECTION_REFUSED”。
即使它在我浏览任何页面时都能正常工作，但我认为它运行不正确。
我该如何解决这个错误？ (以下是错误捕获)

我使用 Docker 20.10.6 在 Ubuntu 20.04.2 上实现和部署这些服务，请参阅下面的“docker-compose.yml”

version: "3"

services:
  frontendapp01:
    working_dir: /frontendapp01
    build:
      context: ./frontendapp01
      dockerfile: Dockerfile
    depends_on:
      - backendsrv01
      - mongoserver
    volumes:
      - ./sentric01:/srv/front
    ports:
      - "8001:8000"
    environment:
      GATSBY_WEBPACK_PUBLICPATH: /
      STRAPI_URL: backendsrv01:1337
    networks:
      - vpsnetwork
  frontendapp02:
    working_dir: /frontendapp02
    build:
      context: ./frontendapp02
      dockerfile: Dockerfile
    depends_on:
      - backendsrv02
      - mongoserver
    volumes:
      - ./sentric02:/srv/front
    ports:
      - "8002:8000"
    environment:
      GATSBY_WEBPACK_PUBLICPATH: /
      STRAPI_URL: backendsrv02:1338
    networks:
      - vpsnetwork
  frontendapp03:
    working_dir: /frontendapp03
    build:
      context: ./frontendapp03
      dockerfile: Dockerfile
    depends_on:
      - backendsrv02
      - mongoserver
    volumes:
      - ./sentric03:/srv/front
    ports:
      - "8003:8000"
    environment:
      GATSBY_WEBPACK_PUBLICPATH: /
      STRAPI_URL: backendsrv02:1338
    networks:
      - vpsnetwork
  backendsrv01:
    image: strapi/strapi
    container_name: backendsrv01
    restart: unless-stopped
    environment:
      DATABASE_CLIENT: mongo
      DATABASE_NAME: essential
      DATABASE_HOST: mongoserver
      DATABASE_PORT: 27017
    networks:
      - vpsnetwork
    volumes:
      - ./app01:/srv/app
    ports:
      - "1337:1337"
  backendsrv02:
    image: strapi/strapi
    container_name: backendsrv02
    restart: unless-stopped
    environment:
      DATABASE_CLIENT: mongo
      DATABASE_NAME: solven
      DATABASE_HOST: mongoserver
      DATABASE_PORT: 27017
    networks:
      - vpsnetwork
    volumes:
      - ./app02:/srv/app
    ports:
      - "1338:1337"
  mongoserver:
    image: mongo
    container_name: mongoserver
    restart: unless-stopped
    networks:
      - vpsnetwork
    volumes:
      - vpsappdata:/data/db
    ports:
      - "27017:27017"

networks:
  vpsnetwork:
    driver: bridge

volumes:
  vpsappdata:

Answer 1

套接字连接仅在开发阶段出现(gatsby develop)，它旨在通过热重载在每次保存时刷新和更新浏览器，因此不会丢失组件状态。此功能称为快速刷新。
正如我所说，出于显而易见的原因，这仅适用于 gatsby develop .在 gatsby build 下，没有连接套接字。如果您的 Docker 开发环境共享端口 8000和 8001 (根据您的docker-compose.yml 设置)一旦构建，可能会导致套接字中断，因为它改变了项目的范围。
回答，您不必担心，您的项目似乎可以正确构建，但是由于环境之间的共享端口，它会提示日志。
进一步阅读:

https://www.gatsbyjs.com/docs/conceptual/overview-of-the-gatsby-build-process/

https://www.gatsbyjs.com/docs/reference/local-development/fast-refresh/