在Docker容器中公开React应用程序

时间:2017-09-06 16:22:27

标签: node.js reactjs docker webpack webpack-dev-server

我试图将反应应用程序暴露给它当前位于其中的Docker容器。

我的Dockerfile成功构建了我的映像并在配置的端口上运行我的应用程序(8080)。然后我尝试将容器的端口8080绑定到主机的端口8080。但是,当我在8080端口访问主机时,我的应用程序不在此处。

docker run -d -p 8080:8080 --name react-deployment-container react-deployment:dev

我有一个现有的节点应用程序已在不同端口(3000)上运行的同一主机上公开,因此我相信在运行Docker容器时绑定端口不是问题。

我认为问题可能是我尝试在Webpack配置中公开应用程序的方式。 Webpack构建完美,但似乎不可用于Docker容器。

webpack.config.js

devServer: {
    contentBase: path.join(__dirname, "dist"),
    compress: true,
    host: '0.0.0.0',
    port: 8080
  }

的package.json

"scripts": {
    "start": "webpack-dev-server --host 0.0.0.0"
  },

我已经修改了下面两个问题中建议的配置而没有运气。

How to make the webpack dev server run on port 80 and on 0.0.0.0 to make it publicly accessible?

https://github.com/webpack/webpack-dev-server/issues/547

此项目的回购是here

0 个答案:

没有答案