【Uniapp】Uniapp混合开发 真机调试 VS（visual studio 2019）IIS Express 局域网访问调试?

问题背景：

VS开发网站经常需要用到局域网访问，比如采用前后端分离模式，手机端需要调用WebApi获取数据调试UI效果；
IIS Express 默认启动Web项目 路径为：http://localhost:20210的形式，http://127.0.0.1:20210  或者 http://192.168.1.102:20210 提示Service Unavailable Http Error 503无法访问;

解决方案：

更改IIS Express 配置文件

1、右下角IIS Express 程序右键->显示所有应用程序->进去配置文件

2、找到当前网站IIS Express 配置文件增加局域网IP访问绑定：
<bindings>
       <binding protocol="http" bindingInformation="*:21021:localhost" />
       //新增一条记录 IP为你本机的局域网IP
       <binding protocol="http" bindingInformation="*:21021:192.168.1.102" />
       注：cmd->ipconfig 查看本机IP
</bindings>

3、API接口服务项目配置跨域访问：根据自己接口项目框架规则配置
//前端需要访问API接口服务的 网页H5域名端口链接 及 Uinapp 启动窗口提示的局域网IP访问+端口
"CorsOrigins": "http://192.168.1.100:8080/"

 

4、设置局域网访问配置：
netsh http add urlacl url=http://localhost:21021/ user=everyone
netsh http add urlacl url=http://192.168.1.102:21021/ user=everyone
本机可以通过IP正常局域网访问了；但是局域网还不行！
注：如果不进行此配置 VS需要以管理员的模式启动 才能启动IIS Express 否则报错
撤销配置：netsh http delete urlacl url=http://localhost:21021/

5、防火墙进出站端口21021配置：
1、方式1：自己去控制面板防火墙配置；
2、方式2：通过命令配置：
配置：netsh advfirewall firewall add rule name="IISExpressWeb" dir=in protocol=tcp localport=21021 profile=private remoteip=localsubnet action=allow （防火墙配置入站端口  可以直接去防火墙配置）
取消：netsh advfirewall firewall delete rule name="IISExpressWeb"

6、如果你的IIS Express 配置已经混乱 无法启动
关闭VS 删除项目目录下的 .vs 文件夹重新来过

小结：

打通局域网访问后，调试起来真的是各种舒心，特别是移动端真机效果调试；
正所谓有朋自远方来 虽远必诛，欢迎加微交流： 15249207822