v4.0.0-beta.0 and host option

[dartess]

• Operating System: macOS 11.0.1
• Node Version: v14.15.1
• NPM Version: 6.14.8
• webpack Version: 5.8.0
• webpack-dev-server Version: 4.0.0-beta.0
• Browser: Chrome last

• This is a bug
• This is a modification request

Question

How should I replace the host option in the new version?
Perhaps I did not understand this from the changelog.

webpack-dev-server v3:

devServer: {
  host: 'some.site.loc',
  <...>
}

with webpack-dev-server v4 I try:

devServer: {
  client: {
    host: 'some.site.loc',
  }
  <...>
}

Result from console:

<i> [webpack-dev-server] Project is running at https://127.0.0.1:9090/

When I try open https://some.site.loc:9090 I get response Invalid Host header.

If I do not change the option (I leave it as it was in the previous version), then by default https://127.0.0.1:9090 will still open, but https:/some.site.loc:9090 also works. In this case, I would like the console to write the correct address and the correct address to open in the browser.

[alexander-akait]

devServer: {
  host: 'some.site.loc',
}

Nothing changed for host

client.host for websocket server, in 99% cases you should not touch this

[dartess]

Okay, thanks

Full config:

    devServer: {
        host: 'some.site.loc',
        https: {
            key: fs.readFileSync(path.join('docker', 'ssl', 'some.site.loc-key.pem')),
            cert: fs.readFileSync(path.join('docker', 'ssl', 'some.site.loc.pem')),
            ca: fs.readFileSync(path.join('docker', 'ssl', 'rootCA.pem')),
        },
        port: 9090,
        static: path.resolve(appDir, 'public'),
        open: true,
        historyApiFallback: {
            rewrites: [
                {
                    from: /./,
                    to: '/build/index.html'
                },
            ],
        },
        proxy: {
            '/api': `http://${hostLocal}`,
        },
    },

Console output:

<i> [webpack-dev-server] Project is running at https://127.0.0.1:9090/

browser open:

https://127.0.0.1:9090/

https://some.site.loc:9090/ also works.

The only problem is false output to the console and the opened address in the browser.

[alexander-akait]

Yep, bug, try to fix it in near future

[dartess]

@alexander-akait
i tried updating to 4.0.0-beta.1
still doesn't work as it should :(

from config:

{
    devServer: {
        host: 'some.site.loc'
    }
}

Console output:

<i> [webpack-dev-server] Project is running at https://localhost:9090/, https://127.0.0.1:9090/ (IPv4)

browser open:

https://localhost:9090/

But I would like to get https://some.site.loc:9090/ in browser on startup. This address also works, but I need to open it manually.

[alexander-akait]

some.site.loc is localhost?

[dartess]

um yeah

from my hosts:

127.0.0.1       some.site.loc

[alexander-akait]

You can use openPage: 'some.site.loc'

[dartess]

thanks, I didn't know about this option

with openPage: 'some.site.loc' i get https://localhost:9090/some.site.loc

I used https://${host}:${port}, it works but looks weird :)