解决yarn serve 运行成功后,显示Network: unavailable的问题

284 阅读1分钟

【问题】:
在这里插入图片描述
【解决方案】:
项目根目录下新建vue的默认配置文件vue.config.js,进行如下配置:

module.exports = {
      devServer:{
        host: '0.0.0.0',
        public:'192.168.7.2:10010',
        port: 10010,  //修改端口号
        https: false,
        hotOnly: false,
        disableHostCheck:true,
        open: true // 配置自动启动浏览器
    },
   
}

注意:只修改代码信息vue会实现热更新,但是修改配置信息之后,需要重新启动服务器。
【运行结果】:
在这里插入图片描述