因某次项目原因，要做一个简单的数据埋点，后端说可能会拿不到我的IP，希望前端能获取到，于是乎我就各种百度谷歌查资料，终于在群友的帮助下找到了一篇获取IP的文章，因为是英文的，过了很久我都不记得了链接了，怕以后忘记，就记录下来

获取IP

// 获取用户ip
export function getUserIP(onNewIP) { //  onNewIp - your listener function for new IPs
  //compatibility for firefox and chrome
  var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
  var pc = new myPeerConnection({
    iceServers: []
  }),
  noop = function() {},
  localIPs = {},
  ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g

  function iterateIP(ip) {
    if (!localIPs[ip]) onNewIP(ip)
    localIPs[ip] = true
  }
  //create a bogus data channel
  pc.createDataChannel("")
  // create offer and set local description
  try{
    pc.createOffer(function(sdp) {
      sdp.sdp.split('\n').forEach(function(line) {
        if (line.indexOf('candidate') < 0) return
        line.match(ipRegex).forEach(iterateIP)
      })
      
      pc.setLocalDescription(sdp, noop, noop)
    },function(sdp){
      console.log('fail')
    })
  } catch (err) {
    console.log(err)
  }
  //listen for candidate events
  pc.onicecandidate = function(ice) {
    if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return
    ice.candidate.candidate.match(ipRegex).forEach(iterateIP)
  };
}

原理似乎是模拟请求获取请求端IP。自己也是个菜鸟，一知半解。

调用方法获取ip

import {getUserIP} from '@/utils/getip'
let userIP = ''
if (!userIP) {
    getUserIP(function(ip) {
        userIp = ip
    })
}

这样就获取到了IP。