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/，如何解决？ 》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！