webpack 0.0.0.0 码头工人不工作

Question

我使用 docker-compose 在 0.0.0.0:80 和 webpack-dev-server 在 0.0.0.0:3000 服务 django。它们都在 0.0.0.0 时完美运行

我也有域绑定到我的外部 IP，我什至可以从这个域访问 django。但不知何故，我无法通过外部 IP 或域访问 webpack-dev-server。

这里有一些额外的数据：

docker-compose.yml

web:
 build: backend/
 command: sh dockerfiles/init.sh
 ports:
     - 0.0.0.0:80:80

js:
 build: webclient/
 command: yarn runserver
 ports:
     - 0.0.0.0:3000:3000

如您所见，它们在这里的服务方式相同

server.js

new WebpackDevServer(
        webpack(config),
        {
            publicPath: config.output.publicPath,
            hot: true,
            historyApiFallback: true,
            allowedHosts: [
                '0.0.0.0',
                'localhost',
                'DOMAIN',
                '*.DOMAIN'
            ],
            headers: {
                "Access-Control-Allow-Origin": "*"
            }
        }
    ).listen(3000, '0.0.0.0', function (err, result) {
        if (err) {
            console.log(err)
        }
        console.log('Listening at 0.0.0.0:3000')
    })

当我 ping 端口 0.0.0.0:3000 时 - 端口已打开。当我 ping DOMAIN:3000 - 端口已关闭。

你有什么想法吗？

Answer 1

您需要使用disableHostCheck： { publicPath: config.output.publicPath, hot: true, historyApiFallback: true, disableHostCheck: true, // <------ here is the missing piece allowedHosts: [ '0.0.0.0', 'localhost', 'DOMAIN', '*.DOMAIN' ], headers: { "Access-Control-Allow-Origin": "*" } }