记录vue获取用户本机ip方法
<script setup>
import { reactive, toRefs ,onMounted} from "vue"
const state = reactive({
ip:'',
})
onMounted(()=>{
getUserIP((ip) => {
state.ip=ip
console.log(ip)
console.log(state.ip)
});
})
const getUserIP= (onNewIP)=> {
let MyPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
let pc = new MyPeerConnection({
iceServers: []
});
let noop = () => {
};
let localIPs = {};
let ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g;
let iterateIP = (ip) => {
if (!localIPs[ip]) onNewIP(ip);
localIPs[ip] = true;
};
pc.createDataChannel('');
pc.createOffer().then((sdp) => {
sdp.sdp.split('\n').forEach(function (line) {
if (line.indexOf('candidate') < 0) return;
line.match(ipRegex).forEach(iterateIP);
});
pc.setLocalDescription(sdp, noop, noop);
}).catch((reason) => {
});
pc.onicecandidate = (ice) => {
if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return;
ice.candidate.candidate.match(ipRegex).forEach(iterateIP);
};
}
</script>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6074ccd1a4ca5a2400b5152ea73bc5d4.png)