vue获取用户本机ip方法
记录vue获取用户本机ip方法
<script setup>
import { reactive, toRefs ,onMounted} from "vue"
const state = reactive({ip:'',
})
onMounted(()=>{//获取ip getUserIP((ip) => {state.ip=ipconsole.log(ip)console.log(state.ip)});
})
//获取用户本地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>
vue获取用户本机ip方法相关推荐
- php 获取用户访问真实IP方法
/*** 获取客户端IP地址* @param int $type 返回类型 0 返回IP地址 1 返回IPV4地址数字* @param bool $adv 是否进行高级模式获取(有可能被伪装)* @r ...
- vue获取用户ip地址
vue获取用户ip地址(仅限IE浏览器,谷歌无效) 具体代码如下: /**data里定义变量ip **/ ip = ''/**mounted添加下面方法 **/ this.getUserIP((ip) ...
- 获取iPhone本机IP地址新方法
最近在项目中要获取iphone手机本机的ip地址.在我一博客中也写到方法了.但是那种方法只适合于非3G网络.今天网上找了下一个不同以前的获取方式.特记录下.先感谢作者. 转至 http://mobil ...
- request获取mac地址_【Go】获取用户真实的ip地址
原文链接:https://blog.thinkeridea.com/201903/go/get_client_ip.html 用户请求到达提供服务的服务器中间有很多的环节,导致服务获取用户真实的 ip ...
- 白帽子,强大的XSS钓鱼漏洞,怎么获取用户的真实ip
怎么获取用户的真实ip 在一些网站和一些用户(黑客)一般是对自己的ip进行处理,找不到真实的ip地址 11种绕过CDN查找真实IP方法 一.验证是否存在CDN 1.很简单,使用各种多地 ping 的服 ...
- PHP获取用户的真实ip地址
本文介绍如何使用PHP获取用户的真实ip,并且写入到txt文档 首先创建一个php文件,将下面代码放到PHP文件中 <?php function getIp() { if (getenv(&qu ...
- IIS 7、8启用nginx代理后日志中获取访客真实IP方法
所需的步骤取决于您的IIS版本.此操作适用iis7之上版本. 1.下载插件F5XForwardedFor.dll:http://download.west263.net/iis7-rewrite%E6 ...
- PHP 模拟真实ip,PHP实现-获取用户的真实IP
/** * 获取客户端IP地址 * @param integer $type 返回类型 0 返回IP地址 1 返回IPV4地址数字 * @param boolean $adv 是否进行高级模式 ...
- vue 获取用户位置 高德_Vue使用高德地图
主要是想记录一下使用高德地图地位以及标记当前位置,搜索位置的过程. 创建Vue项目的流程 引入高德地图 在index.html 的head中引入代码. 复制代码 设置容器,初始化地图. .contai ...
最新文章
- 自动驾驶安全框架开发进展综述
- SLAM全栈+三维重建全栈系统学习路线!
- fedora 14安装OFFICE套件
- python list排序_python里对list中的整数求平均并排序
- 世纪联华的 Serverless 之路
- Promise:Promise.all、Promise.race、Promise.any的用法及区别
- jeecg流程梳理学习
- linux内核那些事之物理内存模型之FLATMEM(1)
- 漫步凸分析五——函数运算
- ViedoUtil获取视频的缩略图
- 大数据应用智能交通有哪些意义
- 生鲜电商进入2.0时代,美团还有“后招”吗?
- 如何将scratch游戏打包成APP
- 陈经纶2021年高考成绩查询时间,2020北京市地区高考成绩排名查询
- zmud中的ansi颜色使用
- 制作京东登陆页面 HTML+CSS
- u-boot编译构成之 MLO(1)
- 【非洲秃鹫优化算法】基于非洲秃鹫优化算法求解多目标优化问题MOAVOA含Matlab源码
- 关键字深度剖析,集齐所有关键字可召唤神龙?【二】
- Python正则表达式re.sub功能详解
热门文章
- 程序员的另面爱好(一)
- 用计算机3d建模做紫砂壶好吗,3D建模制壶,走在制壶科技的前沿——潘洪强
- 「镁客·请讲」火柴全景VR徐晨翔:正值VR本命年,我们该做一些不一样的事情...
- 【深度学习】TensorFlow系统架构和设计理念
- php 获取服务器进程数,PHP 获取linux服务器性能CPU、内存、硬盘、进程等使用率...
- ゃōゃ♥ ♡๑۩ﺴ ☜ ☞ 一些小符号
- 数据挖掘BUC算法实现
- 王振堂:今年收购PC厂商 宏碁要超联想成老三
- 多米诺骨牌——变形版0,1背包问题
- tensorflow 数据输入与特征工程