Flask和React Docker容器未通过Docker Compose通信

Question

我有两个容器 - 一个包含 react 应用程序，另一个包含烧瓶应用程序。

我可以使用下面的docker-compose文件和它们各自的Dockerfile构建两者，并且能够通过指定端口上的浏览器访问每个。但是，我的React应用程序对Flask的API调用没有被检索（它们在图片中没有Docker的情况下工作）。

任何建议都非常感谢！

Docker-撰写

version: '3.7'

services:
    middleware:
        build: ./middleware
        command: python main.py run -h 0.0.0.0
        volumes:
          - ./middleware/:/usr/src/app/
        ports:
          - 5000:5000
        env_file:
          - ./middleware/.flaskenv
    frontend:
        build:
          context: ./frontend/app
          dockerfile: Dockerfile
        volumes:
          - './frontend/app:/usr/src/app'
          - 'usr/src/app/node_modules'
        ports:
          - '3001:3000'
        environment:
          - NODE_ENV=development
        links:
          - middleware

用于烧瓶应用程序的Dockerfile

# pull official base image
FROM python:3.8.0-alpine

# set work directory
WORKDIR /usr/src/app

# set environment variables
ENV PYTHONDONTWRITEBYTECODE 1
ENV PYTHONUNBUFFERED 1

# install dependencies
RUN pip install --upgrade pip
COPY ./requirements.txt /usr/src/app/requirements.txt
RUN pip install -r requirements.txt

# copy project
COPY . /usr/src/app/

Dockerfile React 应用程序

# base image
FROM node:12.2.0-alpine

# 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
ADD package.json /usr/src/app/package.json
RUN npm install --silent
RUN npm install react-scripts@0.9.5 -g --silent

# start app
CMD ["npm", "start"]

我在pack.json的React应用程序中也有以下内容，这使我能够对烧瓶应用程序进行API调用（同样，这在没有Docker的情况下工作正常）

  "proxy": "http://127.0.0.1:5000",

最后，项目结构（如果有用）

website
|
|--middleware (Flask app)
  - Dockerfile
  - api
|--frontend (React app)
  -Dockerfile
  -app
|
|-docker-compose.yml

Answer 1

正如LinPy和leopal在评论中指出的，＜code＞包中的＜code＞127.0.0.1＜/code＞。json＜/code＞需要更改以引用正确的烧瓶容器。

"proxy": "http://middleware:5000",