Vue-cli 运行vue项目,设置vue-cli-service serve --open自动打开浏览器,跳转到http://0.0.0.0:8081 解决办法

# 错误示例

尝试在 package.json 里面设置自动打开浏览器

module.exports = defineConfig({
  devServer: {        
    host: 'localhost',
    port: 8080,
    https: false,
    hot: false,
    proxy: null
  }
})
1
2
3
4
5
6
7
8
9

运行之后 跳转到 http://0.0.0.0:8081,界面不能显示 (opens new window)

image

# 解决办法

在 项目文件夹下的 vue.config.js 里面添加这段代码

module.exports = defineConfig({
  devServer: {        
    host: 'localhost',
    port: 8080,
    https: false,
    hot: false,
    proxy: null
  }
})
1
2
3
4
5
6
7
8
9

就可以跑起来自动打开了!