vue配置项目启动时自动打开浏览器

在vue.config.js文件中添加以下配置，重点是配置host，port，open

module.exports = {
  devServer: {
    host: 'localhost',//启动后的host地址
    port: 80,//项目启动后的端口号
    open: true,//启动时自动打开浏览器
    proxy: {
      '/api': {
        target: 'http://localhost',//根据自己想要代理的地址填写
        ws: true,
        pathRewrite: {
          '^/api': '/'
        }
      }
    },
    // disableHostCheck: true
  }
}

需要特别注意的是：

如果配置了open为true，没有配置host，项目启动时浏览器只会自动打开0.0.0.0:80的页面，而不会打开本地项目启动的正确地址