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

哈喽！今天心血来潮给大家带来了《如何配置 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

到这里，我们也就讲完了《如何配置 Vue 项目自动打开浏览器？ 》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！