vue3 获取本机localIP

Vue3本身是一个前端框架，用于构建用户界面，并不具备直接获取本地IP的功能。它主要用于处理数据绑定、组件化等Web开发任务。如果你需要获取客户端的本地IP地址，在JavaScript环境中通常会使用`navigator.network.connection`（对于现代浏览器）或`window.location.hostname`结合`getHostByType('IPv4')`或`getHostByType('IPv6')`（兼容老版本）来实现。

以下是一个简单的示例：

// JavaScript (ES6语法)
async function getLocalIP() {
  try {
    const networkInfo = await new Promise((resolve) => {
      window.addEventListener("load", () => {
        const connection = navigator.connection || navigator.networkConnection;
        if (!connection) return;
        resolve(connection);
      });
    });

    if (networkInfo) {
      // 如果是IPv4
      const ipv4 = connection.type === "ethernet" ? connection.effectiveType : connection.family === "IPv4" ? connection.address : null;
      return ipv4 || window.location.hostname;
    }
  } catch (err) {
    console.error("Failed to get local IP", err);
  }

  return "Unable to determine local IP";
}

console.log(await getLocalIP());

请注意，这个方法依赖于浏览器环境，并且在无网络连接或权限受限的情况下可能无法获取到正确的IP。