同一局域网下 实现手机网页与桌面端代码联调

首先我们要知道的是,在同一ip局域网下,我们的主机与主机之间是可以相互访问的

那么我们应该如何实现从电脑上面写代码,手机真机看页面呢?

1、关掉电脑端的防火墙

在这里插入图片描述
首先我们搜索防火墙,如果你没有配置过打开之后应该是这样一个状态
在这里插入图片描述
点进去关关关,三个全部关掉
在这里插入图片描述
这个时候,第一步就已经完成了。

2、开启我们的vue项目(我这边使用的是vue,如果想其他的话可能是默认打开localhost,或者手动打开localhost、127.0.0.1,这时我们就要查看一下我们的ip局域网地址)

在这里插入图片描述
这是我们vue启动的项目,默认就会有两个网址,我们默认点开下面那个网址其实也就是我们的主机地址,
我们也可以用另外一种方式获取ip地址
win+r 打开终端输入ipconfig
在这里插入图片描述
这ipv4就是我们的局域网地址
打开网页 正常显示说明也就成功了
在这里插入图片描述

3、这个时候我们要保证 手机无线和电脑无线保存在一个网络环境下,如果是台式主机的话自己电脑上下载一个360免费wifi,电脑开wifi 手机连。

在这里插入图片描述
在这里插入图片描述

4、接下来就到了关键的一步了,就是直接用谷歌插件,我这边装了一个自动生成二维码插件(大家可以去谷歌应用商城下载)

在这里插入图片描述
扫码后实现的效果
在这里插入图片描述
这个时候,就已经大功告成啦。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

归来巨星

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值