如何用手机访问电脑本地localhost网页, 以调试项目

2021/5/2 18:25:15

本文主要是介绍如何用手机访问电脑本地localhost网页, 以调试项目,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

转载自:添加链接描述

1.访问步骤

  1. 先确保你的手机和电脑连在同一个局域网内.
  2. 在VScode中输入ipconfig,获取以太网或者无线的IPv4地址(或Window + R, 然后输入 ipconfig,然后获取ip地址) 长这样: 192.168.XX.XX
  3. 手机浏览器里输入这个地址: http://192.168.XX.XX:8080, it works

2.无法访问时:
使用各种真机来进行自己网站或者系统的界面进行针对性的调试就显的尤为重要。因此,会经常通过电脑开启一个wifi来供手机进行连接,形成一个小的局域网,然后就通过局域网的ip地址(查询ip地址,cmd——》ipconfig),通过ip地址来进行自己本地服务器中的项目访问。本以为这种小case的东西可以分分钟搞定,可是,可是,可是偏偏就出现了无妨访问的情况。如下图所示:
在这里插入图片描述
2.1 解决问题

  • 进入控制面板-windows防火墙面板-点击高级设置
    在这里插入图片描述
  • 进入到高级设置界面,分别在入站规则和出站规则中新建规则,选择端口,点击下一步,然后直接在对应的输入框中输入80(设置的什么端口就是什么),然后默认点击下一步,完成。同样设置8080的这样一个规则。整个设置完成过后,手机就可以通过局域网来进行ip地址的访问了。
    在这里插入图片描述


这篇关于如何用手机访问电脑本地localhost网页, 以调试项目的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程