如何用手机访问电脑的 localhost 页面来调试项目

转载自：添加链接描述

1.访问步骤

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

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

2.1 解决问题

• 进入控制面板-windows防火墙面板-点击高级设置
  
• 进入到高级设置界面，分别在入站规则中新建规则，选择端口，点击下一步，然后直接在对应的输入框中输入8080/8000-8888（设置的什么端口就是什么，可以具体，也可以是范围），然后默认点击下一步，完成。
• 整个设置完成过后，手机就可以通过局域网来进行ip地址的访问了。