Webpack-dev-server用于前端+ Docker容器,用于后端

我甚至不知道要问什么问题来解决我的问题,但在这里:

  • 我正在使用create-react-app,我相信它使用webpack-dev-server来服务我在localhost:3000上的反应前端。
  • 我有一个docker容器与主机端口3001绑定到端口80内的容器服务我的后端api和我的开发数据库也在该容器上。
  • 当我想从我的浏览器调用ajax调用localhost:3001时,我希望到达后端api,但不起作用。

我知道我错过了一些东西,我对这个问题的理解是有限的。 我想在这里实现的是我的webpack-dev-server服务于我的前端,而docker容器服务于我的api,我希望这两者能够进行通信。

谢谢你的帮助!

# docker command when I run my container the volume is the code for my backend so yes my webpack-dev-server runs on host docker run --rm -d -p 3001:80 -p 3306:3306 -v $(pwd)/app/:/var/www/html/ image:version # Start from centos-lamp stack image FROM dockerfiles/centos-lamp # Place the copied DB file in tmp COPY ./db.sql /tmp RUN service mysqld start && \ echo "CREATE DATABASE testdb" | mysql && \ mysql testdb < /tmp/db.sql && \ mysql -e "CREATE USER 'test'@'%' IDENTIFIED BY 'test';" && \ mysql -e "GRANT ALL PRIVILEGES ON *.* TO 'test'@'%';" && \ mysql -e "FLUSH PRIVILEGES;" && \ rm -rf /var/www/html/* EXPOSE 80 3306