Vue 自动打开浏览器 devServer: { open: t

当你想运行完项目,让他自动打开浏览器的时候,都会按照官方文档 DevServer | webpack , 在vue.config.js 里面加上

module.exports = defineConfig({
  devServer: {
    open: true
  }
})

但是吧,运行完打开的浏览器地址是 http://0.0.0.0:8080/ 这样的根本不对呀.

解决方案:

module.exports = defineConfig({
  devServer: {
    host: 'localhost',
    open: true
  }
})

这样就能成功打开了,但是 他这个host 属性一设置 Local和Network就变成一样的了

 Local: http://localhost:8080/

 Network: http://localhost:8080/   

如果想按照之前Network的ip显示的话写成这样

module.exports = defineConfig({
  devServer: {
    host: '你电脑的ip地址',
    // host: 'localhost',
    open: true
  }
})

这样 你的 Local 和 Network 就都变成ip了.

你电脑的ip地址怎么查
mac系统
windows系统