Vue 项目启动时,浏览器自动打开的 URL 不是 http://localhost:8080/,而是 http://0.0.0.0:8080/,如何解决?

Vue 项目启动时,浏览器自动打开的 URL 不是 http://localhost:8080/,而是 http://0.0.0.0:8080/,如何解决?

自动打开浏览器时配置 localhost

你在使用 Vue 项目时遇到了 自动打开浏览器功能的问题,虽然页面能打开,但是 URL 不是预期的 http://localhost:8080/,而是 http://0.0.0.0:8080/。本文将解答如何更正此问题。

更正:

要解决这个问题,有两个更正步骤:

  1. 修改 vue.config.js 文件:在该文件中找到 devServer.host 设置,并将其修改为 localhost。虽然保留 0.0.0.0 本质上是一样的,但修改此设置可以确保 URL 正确。
  2. 在 serve 命令中添加参数:在运行 npm run serve 命令时,添加 --host localhost 参数。此参数明确指定应使浏览器打开 localhost 而不是 0.0.0.0。

以上就是Vue 项目启动时,浏览器自动打开的 URL 不是 http://localhost:8080/,而是 http://0.0.0.0:8080/,如何解决?的详细内容,更多请关注其它相关文章!