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



现在我正在开发一个 React 应用程序。对于部署,我想使用 nginx 作为 Web 服务器。我编写了一个包含两个服务的docker-compose文件(一个用于React应用程序,另一个用于nginx网络服务器(。通常nginx服务只需要来自反应项目的"build"文件夹。

现在我的问题是,当反应容器运行时,如何将"build"文件夹从反应容器复制到nginx容器目录。

请查看 Dockerfile 和 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:

Dockerfile for React app

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

Dockerfile for Nginx

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

您实际上不需要复制数据,而是使用相同的卷应该可以工作。

您需要在两个容器之间共享命名卷。

您的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.

最新更新