如何配置 Vue 项目自动打开浏览器？

自动打开浏览器的 Vue 项目配置

在 Vue 项目中，想要自动打开浏览器，可以进行如下配置：

1. 使用 serve 命令

更新 serve 命令，增加 --host localhost 参数：

vue-cli-service serve --host localhost

2. 修改vue.config.js 文件（可选）

在 vue.config.js 文件中，修改 devServer.host 配置项为 localhost：

module.exports = {
  devServer: {
    host: 'localhost',
  }
};

注意：

• 0.0.0.0 和 localhost 本质上是相同的，因此如果您不修改 vue.config.js 文件，http://0.0.0.0:8080/ 和 http://localhost:8080/ 都是有效的地址。
• 确保已在项目中安装 vue-cli-service 包。如果没有安装，请使用以下命令安装：

npm install -g @vue/cli-service