Vue-cli 5 open 0.0.0.0:9000 instead of localhost:9000

[Makio64]

Version

5.0.0-rc.0

Reproduction link

github.com/vuejs/vue-cli

Environment info

Windows 11

Steps to reproduce

Start a new vue-cli5.0 on windows

What is expected?

Open one the correct url :

• Local: http://localhost:9000/
• Network: http://192.168.1.26:9000/

What is actually happening?

Open
http://0.0.0.0:9000

---

everything was working fine on vue-cli4.
My devserver on my webpack config 5 for no vuejs experiments looks like this :

	devServer: {
		open: true,
		compress: true,
		https: true,
		hot: true,
		allowedHosts: 'all',
		historyApiFallback: true,
		port: 9000,
		host: 'local-ip',
		static: {
			directory: path.resolve(__dirname, './app'),
			staticOptions: {},
			watch: true,
		},

	},

important parameter I change when i switch from v4 to v5 :
host: 'local-ip',

[fengyuanchen]

The same question here, use @vue/cli@5.0.0-rc.1, without any extra config in the vue.config.js, when run vue-cli-service serve --open, I also open the 0.0.0.0:8080, but not localhost:8080 as Vue CLI 4.

[YFengFly]

I had a similar problem.

It is also Windows 11, Vue CLI 5.00-rc.1, When only open: true is set, it will automatically open http://0.0.0: 8080/ first, but it will be reported as:

App running at:

• Local: http://localhost:8080
• Network: http://xxx.xxx.xxx.xxx:8080

Although it is not a big problem, I always feel confused, and I still hope to be consistent.

---

我也遇到了类似的问题。

同样是 Windows 11, Vue CLI 5.00-rc.1, 当只设置了 open: true 会先自动打开 http://0.0.0.0:8080/ ，但 server 启动成功后会报告为：

App running at:

• Local: http://localhost:8080
• Network: http://xxx.xxx.xxx.xxx:8080

尽管无伤大雅，却总觉困惑，还是希望能够统一的。

[yoyo837]

Same here.

[TothingWay]

When will this problem be fixed？

[JonUleis]

Still happening on vue-cli 5.0.4. On Windows, yarn serve --open opens a browser tab to http://0.0.0.0:8080 which results in a 404.

[Mr-xzq]

Still happening on vue-cli 5.0.4. On Windows, run command: vue-cli-service serve, first opens a browser tab to http://0.0.0.0:port/ which results in a 404.

[erezmus]

you need to specify the host option, e.g.

vue-cli-service serve --open --host localhost

[DuSenYao]

maybe it works

const port = process.env.port || 7878;

devServer: {
    port,
    open: {
      target: [`http://localhost:${port}`]
    }
}

[eaglejs]

This appears to still be an issue. Overriding --host shouldn't be the solution. The reason we use 0.0.0.0 is to allow all incoming traffic for testing purposes. This is really useful when using containers.

[DuSenYao]

This is not changed --host.To open a specified page in a browser.

[TothingWay]

If the port number is occupied, it is still open: http://localhost:7878