在vue项目里获取本机数据，ip，mac……-Toy模板网

这篇具有很好参考价值的文章主要介绍了在vue项目里获取本机数据，ip，mac……。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

有一个接口需要内网ip和mac地址这个需求，在网上找了很多参考的，如下：
方法一：使用webRTC，问题：在新版本的chrome 浏览器，找不到#enable-webrtc-hide-local-ips-with-mdns
代码网上找的，仅供参考，因为改不了浏览器配置，所以一直拿不到

getIP(callback) {
                let recode = {};
                let RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
                // 如果不存在则使用一个iframe绕过
                if (!RTCPeerConnection) {
                    // 因为这里用到了iframe，所以在调用这个方法的script上必须有一个iframe标签
                    // <iframe id="iframe" sandbox="allow-same-origin" style="display:none;"></iframe>
                    let win = iframe.contentWindow;
                    RTCPeerConnection = win.RTCPeerConnection || win.mozRTCPeerConnection || win.webkitRTCPeerConnection;
                }

                //创建实例，生成连接
                let pc = new RTCPeerConnection();

                // 匹配字符串中符合ip地址的字段
                function handleCandidate(candidate) {
                    let ip_regexp = /([0-9]{1,3}(\.[0-9]{1,3}){3}|([a-f0-9]{1,4}((:[a-f0-9]{1,4}){7}|:+[a-f0-9]{1,4}){6}))/;
                    console.log(candidate)
                    let ip_isMatch = candidate.match(ip_regexp)[1];
                    if (!recode[ip_isMatch]) {
                        callback(ip_isMatch);
                        recode[ip_isMatch] = true;
                    }
                }

                //监听icecandidate事件
                pc.onicecandidate = (ice) => {
                    if (ice.candidate) {
                        handleCandidate(ice.candidate.candidate);
                    }
                };
                //建立一个伪数据的通道
                pc.createDataChannel('');
                pc.createOffer((res) => {
                    pc.setLocalDescription(res);
                }, () => { });

                //延迟，让一切都能完成
                setTimeout(() => {
                    let lines = pc.localDescription.sdp.split('\n');
                    lines.forEach(item => {
                        if (item.indexOf('a=candidate:') === 0) {
                            handleCandidate(item);
                        }
                    })
                }, 1000);
            },

方法二：通过搜狐查询ip的接口，问题：能获取到，但获取的是局域网ip，不是本机的，不符合需求

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script type="text/javascript">
    sessionStorage.setItem('ip', returnCitySN["cip"]);
</script>

方法三：使用ActiveX，但只支持IE浏览器，也不符合需求

getMacAddress() {
                var obj = new ActiveXObject("WbemScripting.SWbemLocator");
                var s = obj.ConnectServer(".");
                var properties = s.ExecQuery("Select * from Win32_NetworkAdapterConfiguration");
                var e = new Enumerator(properties);
                var output;
                while (!e.atEnd()) {
                    e.moveNext();
                    var p = e.item();
                    if (!p) continue;
                    if (p.IPEnabled) return p.MACAddress;
                }
                return "";
            },

方法四：使用node的os模块，问题：获取的是服务器地址，如果是将网站做成桌面软件那种应该是能获取的（猜测，这个没试过）
在vue.config.js添加如下代码

const os=require("os");
var ip=''
var mac = ''
var networkInterfaces=os.networkInterfaces();
for(var i in networkInterfaces){
    for(var j in networkInterfaces[i]){
        if(networkInterfaces[i][j]["family"]==="IPv4" && networkInterfaces[i][j]["mac"]!=="00:00:00:00:00:00" && networkInterfaces[i][j]["address"]!=="127.0.0.1"){
            mac = networkInterfaces[i][j]["mac"]
            ip = networkInterfaces[i][j]["address"]
        }else{
          ip=="127.0.0.1"
        }
    }
}

// 自定义环境变量全局使用
process.env.VUE_APP_MAC=mac
process.env.VUE_APP_IP=ip