webpack 0.0.0.0 docker无法正常工作

Question

我正在使用docker-compose在0.0.0.0:80处为django提供服务，在0.0.0.0:3000处使用webpack-dev-server。它们都在0.0.0.0完美运行

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

这是一些额外的数据：

泊坞窗，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": "*"
            }
        }