如何通过 docker-compose.yml 将一些数据从一个容器复制到另一个容器

Question

现在我正在开发一个 React 应用程序。对于部署，我想使用 nginx 作为 Web 服务器。我写了一个包含两个服务的 docker-compose 文件（一个用于 React 应用程序，另一个用于 nginx 网络服务器）。通常 nginx 服务只需要 react 项目中的 'build' 文件夹。

现在我的问题是当react容器是运行.

时，如何将'build'文件夹从react容器复制到nginx容器目录

请查看 Dockerfiles 和 yaml 文件。

docker-compose.yaml

version: "3"
services:
  nginx-server:    
    image: nginx_server:dev
    container_name: nginx
    build:
      context: ./nginx
      dockerfile: Dockerfile
    restart: always   

    command: >
      sh -c "cp -R /build/ /var/www/html/"   // I want to do something like that


    volumes:
      - .:/react_app_server/nginx

    ports:
      - 80:80
    depends_on:
      - react-app
    networks:
      - server_network


  react-app:
    container_name: my_react_app
    build:
      context: .
      dockerfile: ./Dockerfile
    image: my_react_app:dev 
    tty: true
    volumes:
      - .:/react_app
    ports:
      - "1109:1109"
    networks:
      - frontend_network
    command: >
      bash -c "npm run-script build"

networks:
  frontend_network:
    driver: bridge
  server_network:
    driver: bridge


volumes:
  static-volume:

用于 React 应用程序的 Dockerfile

FROM node:10.16.3
RUN mkdir /app
WORKDIR /app
COPY . /app
ENV PATH /app/node_modules/.bin:$PATH
RUN npm install --silent
RUN npm install react-scripts@3.0.1 -g --silent
RUN npm run-script build

Nginx 的 Dockerfile

FROM nginx:1.16.1-alpine
RUN rm /etc/nginx/conf.d/default.conf
COPY /prod.conf /etc/nginx/conf.d

项目目录

My_React_App
    build
    nginx
        Dockerfile
        prod.conf
    node_modules
    public
    src
    .dockerignore
    docker-compose.yaml
    Dockerfile
    package-lock.json
    package.json
    README.md

Answer 1

您实际上不需要复制数据，而是使用相同的卷应该可行。

您需要在两个容器之间共享一个 named volume。

您的 docker-compose.yaml 应该是：

version: "3"
services:
  nginx-server:    
    image: nginx_server:dev
    container_name: nginx
    |
    |
    volumes:
      - .:/react_app_server/nginx
      - app-volume:/var/www/html/
    |
    |
  react-app:
    container_name: my_react_app
    build:
      context: .
    |
    |
    volumes:
      - .:/react_app
      - app-volume:/path/to/build/folder/
    |
    |

注意： 这里 app-volume 是一个命名卷，我们将其挂载在 react-app 容器内的目录中，构建文件夹应该在该目录中得到创造。相同的 app-volume 命名卷也安装在 nginx 容器中的 /var/www/html/ 处，您希望将构建文件夹复制到该位置。

除了命名卷之外，您还可以在两个容器中挂载相同的主机目录并共享数据。 -v /samepath/on/host:/path/to/build/folder 和 -v /samepath/on/host:/var/www/html.

希望对您有所帮助。

如何通过 docker-compose.yml 将一些数据从一个容器复制到另一个容器

How to copy some data from one container to another container by docker-compose.yml

nginx

docker

reactjs

docker-compose

docker-volume