关于vue中自动启动浏览器以及出现0.0.0.0:8080的问题

在vue中自动启动浏览器有两处方法

1.在package.json文件中的“scripts“中修改配置如下：

  "scripts": {
    "serve": "vue-cli-service serve --open",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

2.在vue.config.js中添加devServer配置：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  // 关闭eslint
  lintOnSave:false,
  devServer: {
    open: true,
  }
})

但是在配置以后会出现自动打开的页面显示如下：

此时要在vue.config.js文件的devServer中加两项配置项：

  devServer: {
    open: true,
    host: 'localhost',
    port: 8080
  }