vue获取内外网ip地址

1.获取外网ip

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script>
   console.log('ip', returnCitySN);
</script>

2.获取内网ip

首先应该设置浏览器设置，因为浏览器会默认阻止用户获取本地ip

谷歌浏览器：地址栏输入chrome://flags/#enable-webrtc-hide-local-ips-with-mdns，找到Anonymize local IPs exposed by WebRTC.

修改成上图即可，然后重启浏览器。

然后代码中写入方法：

getIPs() {
	let _this = this;
	var RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
	if (RTCPeerConnection) (function () {
		var rtc = new RTCPeerConnection({iceServers:[]});
		if (1 || window.mozRTCPeerConnection) {     
			rtc.createDataChannel('', {reliable:false});
		};
						
		rtc.onicecandidate = function (evt) {
			if (evt.candidate) grepSDP("a="+evt.candidate.candidate);
		};
		rtc.createOffer(function (offerDesc) {
			grepSDP(offerDesc.sdp);
			rtc.setLocalDescription(offerDesc);
		}, function (e) { console.warn("offer failed", e); });
						
						
		var addrs = Object.create(null);
		addrs["0.0.0.0"] = false;
		function updateDisplay(newAddr) {
			if (newAddr in addrs) return;
				else addrs[newAddr] = true;
			var displayAddrs = Object.keys(addrs).filter(function (k) { return addrs[k]; });
			for(var i = 0; i < displayAddrs.length; i++){
				if(displayAddrs[i].length > 16){
					displayAddrs.splice(i, 1);
					i--;
				}
			}
			console.log('内网ip',displayAddrs[0]);      //打印出内网ip
			_this.$cookie.set('ip', displayAddrs[0])
			// _this.user.ip_in = displayAddrs[0];//获取内网ip
		}
						
		function grepSDP(sdp) {
			var hosts = [];
			sdp.split('\r\n').forEach(function (line, index, arr) { 
			if (~line.indexOf("a=candidate")) {    
				var parts = line.split(' '),       
				addr = parts[4],
				type = parts[7];
				if (type === 'host') updateDisplay(addr);
				} else if (~line.indexOf("c=")) {       
				var parts = line.split(' '),
				addr = parts[2];
				updateDisplay(addr);
			}
		});
	}
    })();
else{
	console.log("请使用主流浏览器：chrome,firefox,opera,safari");
					}
},

 然后再调用。我这里是直接存在cookie中，所以直接执行方法，然后再要是用的地方直接获取所存的cookie即可。

this.getIPs()
let ip = this.$cookie.get('ip')

注意：每个浏览器的ip权限设置有可能不同，本人用的谷歌浏览器，所以本文只有谷歌的设置，其他浏览器的设置方法可以自行百度，或者自行研究。