运行react.js的Linux Container (xenail)在尝试从主机连接到端口8080时出现Unable to Connect消息

Question

我无法连接到Linux Container的网页。我正在遵循Udemy关于Reactjs和Redux的课程，并从Github克隆了ReduxSimpleStarter代码库。

我已经毫无问题地运行了npm install，然后运行了npm start

jason@courses:~/udemy/react1/ReduxSimpleStarter$ npm start

> redux-simple-starter@1.0.0 start /home/jason/udemy/react1/ReduxSimpleStarter
> node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js

http://localhost:8080/webpack-dev-server/
webpack result is served from /
content is served from ./
404s will fallback to /index.html
Hash: e1867813ff617d08f0b8
Version: webpack 1.15.0
Time: 10928ms
Asset    Size  Chunks             Chunk Names
bundle.js  746 kB       0  [emitted]  main
chunk    {0} bundle.js (main) 706 kB [rendered]
[0] multi main 28 bytes {0} [built]
[1] ./src/index.js 854 bytes {0} [built]
[2] ./~/react/react.js 56 bytes {0} [built]
[3] ./~/react/lib/React.js 1.49 kB {0} [built]
...
...
[198] ./~/invariant/browser.js 1.52 kB {0} [built]
[199] ./src/components/app.js 2.21 kB {0} [built]
[200] ./src/reducers/index.js 337 bytes {0} [built]
webpack: Compiled successfully.

我导航到lxc list显示的url地址，例如10.123.123.12

导航到10.123.123.12:8080出现"Unable to Connect“

Answer 1

我最终采用了以下配置。

在我的容器中，我使用iptables将端口80的传入流量重新路由到端口8080。

sysctl -w net.ipv4.conf.all.route_localnet=1
iptables -t nat -I PREROUTING -p tcp --dport 80 -j DNAT --to 127.0.0.1:8080

然后通过将disableHostCheck : true添加到devServer散列来更改webpack.config.js文件。

devServer {
  ...,
  ...,
  disableHostCheck: true
}

注意最后一个指令，因为它可能有安全风险，但是，这是我笔记本电脑上的Linux容器，所以我不太担心它。

我现在可以导航到10.123.123.12 (而不是10.123.123.12:8080)并查看我的应用程序。