iis本地移动端调试

前言

前端前期如果需要进行移动端或者服务器环境调试的话，也可以不挂在网上利用window提供的iis服务快速的搭建测试环境。实现在区域网下的pc和移动的页面实际效果查看。

window本地的iis服务

1.一般vue，angular之类打包的带有index.html的文件可以通过此类方法访问移动端体验。

1.开启iis服务。
win+x，程序，选择开启或关闭window服务，默认即可。

开启iis服务.png

2选择本地文件
搜索iis，打开后，点击网站添加。

添加网站
ip地址可以cmd中ipconfig中查看ipv4或ipv6地址，端口一般随意。设置好后就可以右键浏览网页，或者切换内容视图，选择查看。
设置参数

2.vs中的iis-express调试

一般通过visual studio等开发工具集，入口文件为sln的文件，也自带了iis-express提供线下的本地服务访问。

和iis不同的是，iis-express不具有图形界面，偏向config设置。底部导航栏找到启动的iis-express服务，显示所有应用程序。可以看到只有localhost同等有127.0.0.1，手机访问出错。

image.png

点击配置，在applicationhost.config搜索site，在对应端口添加：

 <!--区域网访问 本地ip-->
  <binding protocol="http" bindingInformation="*:80:192.168.11.199" />

修改iis-express配置

搜索visual-studio，管理员启动，选择解决方案，开启调试，就可以通过192.168.xx:xx的形式进行区域网内的访问了。