在win11系统跑前端项目network显示unavailable的问题及解决

1. 在vue.config.js的devServer 中配置 public。

  const port = 8080;
  devServer: {
    port: port,
    public: `http://${require('ip').address()}:${port}` , // 解决 Network 获取不到
  }

2. 安装WMIC

• Windows 11 24H2 版本取消了默认安装 WMIC 工具，而 Vue CLI 在获取网络信息时会依赖 WMIC 工具，因此在新版系统上可能无法正确显示 Network 地址，导致输出 “Network: unavailable”。
• 命令行检测 是否安装WMIC 工具，按 Win + R 键，输入 cmd 并按回车，打开命令行窗口。输入 wmic 命令执行，只要不出现 不“是内部或外部命令，也不是可运行的程序或批处理文件。”

• 如果没有安装，可以打开 设置 → 系统 → 可选功能，搜索WMIC进行下载安装，然后重启系统。

  
  
  image.png