vue项目 Network: unavailable的解决办法

vue项目 Network: unavailable 问题。

问题描述：使用vue3.0+的版本，在自己电脑上开发项目，启用项目后，只能用localhost访问项目，十分不便，不能使用手机浏览器或其他人访问，如下图所示。

解决方案：

在devServer配置里面添加public，如下代码所示。 public:‘172.20.3.3:8080’,

 devServer: { // 环境配置
        host: '0.0.0.0',
        public:'172.20.3.3:8080',
        port: 8080,
        https: false,
        hotOnly: false,
        disableHostCheck:true,
        open: true // 配置自动启动浏览器
     
    },

最终问题解决。