用于后端的前端+ Docker容器的Webpack-dev服务器

时间:2017-10-31 02:22:13

标签: docker webpack-dev-server create-react-app

我甚至不确定要问什么问题才能解决我的问题,但在这里:

  • 我正在使用create-react-app,我相信使用webpack-dev-server在localhost:3000上提供我的反应前端。
  • 我有一个docker容器,主机端口3001绑定到容器内的端口80,服务于我的后端api,我的dev数据库也在该容器上。
  • 当我想通过浏览器的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

0 个答案:

没有答案