别人ip地址访问自己vue项目

最新推荐文章于 2024-08-03 14:25:09 发布
最新推荐文章于 2024-08-03 14:25:09 发布
阅读量393 收藏 1
点赞数
文章标签： vue.js tcp/ip javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_73001329/article/details/127728335
版权

首先在index.html引入搜狐查ip的接口,就像这样,放到<body>标签上面(这样就可以查到访客的ip)

然后在需要获取访客IP的组件内用sessionStorage.getItem()获取ip就可以,见下图

 我是采用vue的全局路由导航去实现的,代码如下

closeWin()是关闭访问页面的方法(也可以用 alert代替)代码如下 

 

 

尛懶人℃
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
记录：同一局网下，如何让他人访问我的本地vue项目
qq_43021088的博客
12-22 1784
1、win+R，输入cmd，回车，在黑框中输入ipconfig回车。复制ipv4的ip地址 2、修改config---index.js的host为步骤1中的ipv4的地址 3、修改package.json中的start，在末尾加上||--host0.0.0.0 4、重启项目，关闭防火墙。项目运行后，将域名地址+端口发送给他人，即可访问 ...
运行别人的vue项目
周游的博客
08-15 596
1.安装node.js Node.js 官方下载页面：https://nodejs.org/en/； 安装完成后，打开cmd开始输入命令，输入 node -v ，回车，查看node版本号，出现版本号则说 明安装成功。 2.安装淘宝镜像 由于npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所 以还需要npm的国内镜像—cnpm npm install -g cnpm --registry=https://regi...
获取内网ip地址3种方法
09-14
获取内网ip地址3种方法。 1、TIdIPWatch控件方法 2、TGStack 3、TWSADATA
vue获取IP地址所在城市地区
weixin_46806380的博客
11-01 2476
vue获取IP所在地区、城市
vue获取本机ip地址
m0_55921724的博客
03-08 7225
vue 获取本机IP地址
vite (vue3)配置内网 ip 访问 方法
热门推荐
qq_39111074的博客
04-01 1万+
vite 配置内网 ip 访问 方法
配置Vite获取内网IP（Vue3项目​ts版本获取本机局域网IP地址)
qq_45525250的博客
09-14 3063
2.替换为你实际想要设置的基础IP地址，确保这是一个字符串。3.确保端口号配置正确，可以根据你的需求进行更改。接着保存文件。并且重新启动你的 Vite 项目。确保在重新启动后，新的配置生效。现在，import.meta.env.BASE_IP能够在项目中被正确访问，包含你在中设置的值。
vue 本地服务不能被外部IP访问的完美解决方法
10-17
完成上述更改后，重新运行项目，现在应该可以通过局域网内的任何设备的IP地址访问你的Vue应用。例如，如果你的IP地址是`192.168.1.100`，那么其他设备可以通过`http://192.168.1.100:8080`访问你的应用。 此外，...
webpack vue项目开发环境局域网访问方法
08-27
要使局域网内的其他设备可以访问我们的开发服务器，我们需要确保项目启动的IP地址和端口号是固定的，这样其他设备才能通过特定的网络地址来访问。通常，默认的开发服务器会绑定到`localhost`（127.0.0.1），只允许...
vue项目在线上服务器访问失败原因分析
11-20
珊妹儿遇到一个奇葩问题哈，跟大家伙来分享分享，首先因为刚接手的项目，我还没有线上服务器的连接信息，前端代码都是我打包好给别人，...补充知识：vue项目在使用ip地址加端口号不能访问时 修改package.json文件的scri
其他人如何查看前端工程师在本地跑的vue项目（0.0.0.0）
01-20
例如，如果前端工程师的IP地址是`192.168.20.36`，那么其他人在同一局域网内的设备就可以通过访问`http://192.168.20.36:3001`来查看前端的Vue项目（这里的3001是项目配置的端口号）。 值得注意的是，这种方法只...
vue-koa-mongodb-oss：一个包含前预定鉴权，验证码生成，阿里云上传图片的前定位技术体系，技术栈vue，koa2，mongodb，oss
02-03
网上地址： 项目地址：由于作者阿里云域名正在备案，当前小伙伴只能通过ip地址进行访问，后续备案通过后，会替换成域名访问形式。建议参考本文的最后一篇，将项目克隆到本地启动（不需要任何阿里云系列产品即可本地...
JS获取用户IP地址 如果是vue可以结合vue3全局方法使用 因为我当时就是需要获取IP 所以结合使用了
weixin_47930439的博客
02-28 1062
JS获取用户IP地址 如果是vue可以结合vue3全局方法使用 因为我当时就是需要获取IP 所以结合使用了
vue获取IP地址
sxm的博客
12-23 6653
vue–用户登录需要使用用户Ip 1、创建一个Ip.js export function getUserIP(onNewIP) { let MyPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; let pc = new MyPeerConnection({ iceServers: [] }); let
VUE-获取本地局域网IP地址
梦翼横空的专栏
02-25 6628
vue获取本地局域网IP地址
【node】为vue获取本机IP地址
zhangankang的博客
06-05 4347
获取本机ipv4地址： 可通过，执行预览本地ip信息；
jeecgbootvue3页面获取登录人信息/获取urlIP地址和端口号信息
m0_65360496的博客
10-24 910
获取IP和端口号信息。
vue前端获取本地IP地址
比起日出，我更喜欢日落。我的意思是比起遇见你，我更喜欢与你终老
03-11 3511
在index.js文件中添加以下配置。
JAVA毕业设计|ssm基于java的健身房管理系统的设计与实现vue包含文档代码讲解
最新发布
2401_86480677的博客
08-03 341
前面提到的系统分析，系统设计最主要还是进行功能，系统操作逻辑的设计，也包括了存储数据的数据库方面的设计等内容，系统实现就是一个最终的实施阶段，将前面的设计成果进行物理转化，最终出具可以运用于实际的软件系统。如图5.4显示的就是健身器材列表页面，此页面提供给管理员的功能有：对全部的健身器材的一个管理、可以根据健身器材名称进行模糊查询、根据时间区间来进行判断器材的是否损坏。如图5.1显示的就是会员管理页面，此页面提供给管理员的功能有：对会员信息的一个管理，不同会员看到的页面是不一样的，会员信息也是不同的.
使用ip地址访问vue
06-07
要使用IP地址访问Vue应用程序，您需要在Vue应用程序中设置正确的基本URL。您可以在Vue应用程序的main.js文件中设置它，如下所示： ``` import Vue from 'vue' import App from './App.vue' import router from './...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值