vue项目中怎么获取当前用户ip？

一、在项目的config/index.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;
}

二、在项目的config/index.js文件下修改host：

 

 三、在页面需要的地方获取ip：

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

这样就能得到我们需要的ip了。。。