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 // 配置自动启动浏览器
     
    },

最终问题解决。
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐