如何包装我的烧瓶后端并使前端应用程序反应到Docker中？

Question

我有一个反应前端和烧瓶后端，现在我可以将它们包装在docker容器中，可以正常工作。我已经看了很多教程，但到目前为止还没有运气。 当我运行docker-compose up并在浏览器中再次运行该应用程序时，我得到“无法访问此站点”。

烧瓶后端Dockerfile

FROM python:3.7.2

# set working directory
WORKDIR /usr/src/app

# add and install requirements
COPY ./requirements.txt /usr/src/app/requirements.txt

# install requirements
RUN pip install -r requirements.txt

# add app
COPY . /usr/src/app

# run server
CMD python app.py run -h 0.0.0.0

反应前端Dockerfile

FROM节点：最新

# set working directory
WORKDIR /usr/src/app

# add `/usr/src/app/node_modules/.bin` to $PATH
ENV PATH /usr/src/app/node_modules/.bin:$PATH

# install and cache app dependencies
COPY package.json /usr/src/app/package.json

RUN npm install

CMD [ "npm", "start" ]

docker-compose文件

version: '3.6'

services:

    middleware:
        build:
            context: ./middleware
            dockerfile: Dockerfile
        ports:
            - 5001:5000
        volumes:
            - './middleware:/usr/src/app'
        environment:
            - FLASK_ENV=development
            - FLASK_APP=app.py
    frontend:
        build:
            context: ./frontend
            dockerfile: Dockerfile
        ports:
            - 3007:3000
        volumes:
            - './frontend:/usr/src/app'
            - '/usr/src/app/node_modules'
        environment:
            - NODE_ENV=development
        depends_on:
            - middleware

文件夹结构

docker ps