Vue 项目运行时，为什么浏览器打开的网址不是 http://localhost:8080 而是 http://0.0.0.0:8080？

学习知识要善于思考，思考，再思考！今天golang学习网小编就给大家带来《Vue 项目运行时，为什么浏览器打开的网址不是 http://localhost:8080 而是 http://0.0.0.0:8080？》，以下内容主要包含等知识点，如果你正在学习或准备学习文章，就都不要错过本文啦~让我们一起来看看吧，能帮助到你就更好了！

vue 项目自动打开浏览器时出现问题

在使用 vue 时，希望项目能够在运行时自动打开浏览器，却发现打开的网址不是预期的 http://localhost:8080，而是 http://0.0.0.0:8080。下面将针对这个问题提供解决方案。

问题分析：

根据提供的代码片段，在使用 vue cli 创建项目时没有指定额外的配置选项。默认情况下，项目将启动一个本地服务器，其主机地址为 0.0.0.0。这会导致浏览器打开时显示不期望的网址。

解决方案 1：修改 devserver.host

在项目根目录的 vue.config.js 文件中，修改 devserver 配置的 host 属性。将 0.0.0.0 替换为 localhost。

// vue.config.js
module.exports = {
  devserver: {
    host: 'localhost',
    port: 8080,
  },
};

解决方案 2：使用 --host 参数

在使用 serve 命令运行项目时，可以添加 --host 参数来指定主机地址。例如：

vue-cli-service serve --host localhost

补充：

需要注意的是，使用 0.0.0.0 作为主机地址从本质上来说与使用 localhost 是等价的。它们都将使浏览器打开本地服务器。但是，为了明确起见，修改 devserver.host 或使用 --host 参数指定 localhost 可以确保浏览器打开的网址与预期一致。

今天关于《Vue 项目运行时，为什么浏览器打开的网址不是 http://localhost:8080 而是 http://0.0.0.0:8080？》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！