在开发移动端项目的时候，我们可能会希望在手机上查看网页在移动端真实的效果。简单的项目只要拷贝到手机打开就可以了，但多数情况下项目会依赖本地服务器运行，这时候就需要让手机能访问到PC的本地服务器。
1. 启动本地服务器并查看监听端口号如果是用vscode插件Live Server实现的服务器可以在启动网页的地址栏里面找到监听端口号。默认是5500。
然后打开防火墙，win10用户直接按win+q搜索Windows Defender回车即可。
然后点击新建规则。
点击端口，点击下一步。
在输入框填上你的服务器端口号，点击下一步。
选择允许链接，下一步。
然后继续点击下一步，填写描述之后点击完成即可。描述可以随便写。
访问服务器的设备必须在同一个局域网下。如果电脑使用以太网，开热点给手机即可，否则用手机开热点给电脑，或者手机电脑连同一个热点也可以。
访问服务器打开手机的浏览器，输入你的电脑的ipv4地址+端口号即可访问。
例如192.168.1.1:5500
打开资源管理器（不会找同上文搜索资源管理器），点击网络一栏，展开侦听端口一栏，在这里找到你的服务器端口位置，查看对应的防火墙状态。
code.exe就是插件Live Server用来启动服务器的程序，是vscode内置的js引擎。
不允许说明程序不允许通过防火墙。
受限制说明端口不开放，也就是刚刚开放防火墙那一步没做好。
如果程序显示不允许，不受限制的话，说明虽然开放了端口，但是不允许启动程序通过防火墙。
这时打开防火墙（搜索防火墙），点击允许应用或功能通过防火墙。
点击更改设置。
找到Visual Studio Code，勾上前面的选框点击确定即可。（为啥有这么多？管他的，全勾上就对了）
重复上述步骤在手机端访问服务器，到这里一般都会成功，不成功你找我。
