我有一个基于 PHP（流明）的 API 和一个基于 React 的电子商务。 两者的工作都很好。当我尝试通过 Docker 使其工作时，问题就来了。 我想部署整个应用程序，只运行一个命令。
问题是 react 应用没有与 API 连接。
我在这篇文章中尝试了@Suman Kharel 的回答
Proxying API Requests in Docker Container running react app
但它不起作用。有谁知道我该如何解决？
这是我在 bitbucket 上的 repo。
https://bitbucket.org/mariogarciait/ecommerce-submodule/src/master/
希望有人知道我做错了什么。
谢谢
【问题讨论】：
标签： reactjs docker api docker-compose single-page-application
如果您想使用 docker 通过单个命令启动所有应用程序，则唯一的选择是 docker-compose。
使用 docker-compose 仅用于测试目的或非常有限的生产基础设施。最好的方法是将您的工件分别放在不同的主机中。
请阅读以下内容以了解一些要点：
当您使用 docker-compose 时，所有服务都部署在同一台机器上，但每个服务都部署在一个容器中。而且只有一个进程在容器内运行。
所以如果你进入一个容器（例如 nodejs 中的一个 web）并列出进程，你会看到如下内容：
nodejs .... 3001
然后进入另一个容器，比如数据库 postgres：
postgres .... 5432
因此，如果 nodejs web 需要从内部连接到数据库，则必须需要 postgress 数据库的 ip 而不是 localhost，因为在 nodejs 容器内部，只有一个进程在 localhost 中运行：
localhost 3001
因此，在 nodejs 容器中使用 localhost:5432 将不起作用。解决方案是使用 postgres 的 ip 代替 localhost ：10.10.100.101:5432
当我们有多个容器（docker-compose）之间存在依赖关系时，docker 建议我们：
总而言之，凭借这些特性，docker 创建了一种“特殊网络”，您的所有容器都可以在其中平静地离开，没有 ips 的复杂性！
仅用于测试、快速部署或在非常有限的生产环境中，您可以使用最新版本 docker-compose(1.29.2) 和 docker 中的新功能。
在你的 docker-compose 末尾添加这个
networks:
mynetwork:
driver: bridge
这个到你所有的容器
networks:
- mynetwork
如果某些容器需要主机 ip，请使用 host.docker.internal 而不是 ip
environment:
- DATABASE_HOST=host.docker.internal
- API_BASE_URL=host.docker.internal:8020/api
最后在使用 host.docker.internal 的容器中添加：
extra_hosts:
- "host.docker.internal:host-gateway"
注意：这是在 ubuntu 上测试的，而不是在 mac 或 windows 上，因为没有机构在该操作系统上部署其真正的应用程序
在我看来，Docker 链接或网络是一种幻觉或欺骗，因为这只适用于一台机器（开发或登台），对我们隐藏依赖关系和其他复杂主题，当您的应用程序离开您的笔记本电脑和转到准备好供用户使用的真实服务器。
无论如何，如果您将 docker-compose 用于开发人员或实际用途，这些步骤将帮助您管理容器之间的 ip：
例子：
db:
image: mysql:5.7.22
container_name: db_ecommerce
ports:
- "5003:3306"
environment:
MYSQL_DATABASE: lumen
MYSQL_ROOT_PASSWORD: ${DATABASE_PASSWORD}
api-php:
container_name: api_ecommerce
ports:
- "8020:80"
- "445:443"
environment:
- DATABASE_HOST=$MACHINE_HOST
- DATABASE_USER=$DATABASE_USER
- DATABASE_PASSWORD=$DATABASE_PASSWORD
- ETC=$ETC
web-react:
container_name: react_ecommerce
ports:
- 3001:3000
environment:
- API_BASE_URL=$MACHINE_HOST:8020/api
docker-compose up -d
同样在你的 react 应用程序中，使用 var 代替 package.json 中的代理读取你的 api 的 url：
process.env.REACT_APP_API_BASE_URL
查看this 了解如何从 React 应用中读取环境变量。
这里你可以找到更详细的使用MACHINE_HOST变量的步骤及其使用：
【讨论】：