Vue如何获取当前用户的启动IP

1. 在vue.config.js文件里面添加以下代码:

const os = require('os');
function getNetworkIp() {
  let needHost = ''; // 打开的host
  try {
    // 获得网络接口列表
    let network = os.networkInterfaces();
    // console.log("network",network)
    for (let dev in network) {
       let iface = network[dev];
       for (let i = 0; i < iface.length; i++) {
         let alias = iface[i];
         if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal){
              needHost = alias.address;
              // console.log("alias.address",alias.address)
              }
              // console.log("alias",alias)
           }
       }
   } catch (e) {
       needHost = 'localhost';
   }
       return needHost;
}

2. 在项目vue.config.js文件里面devServe里面添加或修改host配置:

3. 在页面需要的地方直接获取

let ip = window.location.host;
console.log("ip",ip.split(":")[0])

原文来自: www.cnblogs.com/heisetiansh…