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 openhttp://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

[DuSenYao]

There is a problem with my code. Need to change http://localhost:${port} to http://localhost.

[TothingWay]

There is a problem with my code. Need to change http://localhost:${port} to http://localhost.

This will not open the page correctly

[DuSenYao]

If this method doesn't work, you can only change the port manually.

[TothingWay]

ok,thx

[Lixianlai-2]

works!

[markIV747]

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

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

thank you it works <3

[lefreet]

any plan ?

[Amirioelmos]

in package.json set this line:

    "serve": "vue-cli-service serve --host 0.0.0.0",