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

最新推荐文章于 2026-04-28 09:33:23 发布

原创

最新推荐文章于 2026-04-28 09:33:23 发布 · 1.7k 阅读

标签

#vue #yarn

收录于

在项目中，通过创建vue.config.js文件并配置devServer，将host设为'0.0.0.0'，public设为指定IP和端口，如'192.168.7.2:10010'，修改端口号为10010，实现了Vue项目的热更新。同时，设置https为false，hotOnly为false，disableHostCheck为true，并开启自动启动浏览器。需要注意的是，配置更改后需重启服务器才能生效。

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

module.exports = {
   
   
      devServer:{
   
   
        host: '0.0.0.0',
        public:'192.168.7.2:10010',
        port: 10010,  //修改端口号
        https