[网络协议] 查询本地IP地址vue

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 网络协议 -> 查询本地IP地址vue -> 正文阅读

[网络协议]查询本地IP地址vue

在这里插入图片描述

Google：chrome://flags/#enable-webrtc-hide-local-ips-with-mdns
Edge：edge://flags/#enable-webrtc-hide-local-ips-with-mdns

getIp() {
      if (typeof window != "undefined") {
        var RTCPeerConnection =
          window.RTCPeerConnection ||
          window.mozRTCPeerConnection ||
          window.webkitRTCPeerConnection;

        if (RTCPeerConnection)
          (() => {
            var rtc = new RTCPeerConnection();
            rtc.createDataChannel(""); //创建一个可以发送任意数据的数据通道
            rtc.createOffer(
              (offerDesc) => {
                //创建并存储一个sdp数据
                rtc.setLocalDescription(offerDesc);
              },
              (e) => {
                console.log(e);
              }
            );

            rtc.onicecandidate = (evt) => {
              //监听candidate事件
              if (evt.candidate) {
                let ip_rule = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/;
                // 判断ip_addr是否获取成功
                if (ip_rule.exec(evt.candidate.candidate)) {
                  this.address.ip = ip_rule.exec(evt.candidate.candidate)[1];
                } else {
                  // 引导用户打开浏览器的指定配置获取ip
                  this.dialogVisibleIp = true;
                }
                console.log("ip_addr:", this.address); //打印获取的IP地址
              }
            };
          })();
        else {
          console.log("没有找到");
        }
      }
    },