别再只用localhost了！手把手教你用Win11的IIS管理器，把个人项目变成局域网可访问的‘小网站’
从本地开发到团队协作：Win11 IIS局域网部署实战指南
每次调试完前端页面，你是否还在用手机拍照发给同事确认效果？或是让测试人员挤在你电脑前查看运行结果？这种低效的协作方式早已过时。本文将带你解锁Windows 11内置的IIS管理器，将你的开发项目变成局域网内随时可访问的共享资源，让团队协作像访问普通网站一样简单。
1. 为什么需要局域网部署？
在敏捷开发和小型团队协作中，快速共享进度至关重要。传统方式如U盘拷贝、网盘上传或远程桌面，都存在效率低下或安全隐患。而通过IIS搭建的局域网网站具有以下优势：
- 即时更新：代码保存即生效，团队成员看到的是最新版本
- 跨设备兼容：手机、平板、其他电脑均可访问测试
- 无传输损耗：避免截图、视频无法还原真实交互的问题
- 环境统一：所有成员在同一网络环境下测试，减少"在我机器上正常"的扯皮
以一个Vue.js项目为例，当你在本地npm run dev后，只有你的电脑能访问localhost:8080。而通过IIS配置后，同事只需在浏览器输入你的内网IP（如http://192.168.1.100/vue-project）就能看到完整效果。
2. 环境准备与IIS安装
2.1 启用Windows IIS功能
Win11默认不安装IIS，需要手动开启：
- 按
Win+R打开运行窗口，输入optionalfeatures回车 - 在弹出窗口中勾选以下关键组件：
- Internet Information Services
- 万维网服务 → 应用程序开发功能 → ASP.NET 4.8
- 万维网服务 → 常见HTTP功能 → 静态内容
- 点击确定，等待安装完成（可能需要重启）
提示：如果开发Node.js或Python项目，建议同时勾选"CGI"和"ISAPI扩展"，以备后续需要。
2.2 验证安装结果
安装完成后，通过以下方式验证：
# 在PowerShell中检查IIS服务状态 Get-Service -Name W3SVC | Select-Object Status, StartType正常应显示"Running"状态。也可在浏览器访问http://localhost，应看到IIS默认欢迎页。
3. 项目部署实战
3.1 静态网站部署（以Vue项目为例）
假设你已通过npm run build生成dist文件夹：
- 打开IIS管理器（Win键搜索"IIS"）
- 右键"网站" → "添加网站"
- 填写以下信息：
- 网站名称：
VueProject - 物理路径：选择你的
dist文件夹 - 绑定类型：
http - IP地址：选择本机内网IP（如192.168.1.100）
- 端口：8080（避免与默认80端口冲突）
- 网站名称：
- 点击确定完成创建
此时局域网内其他设备访问http://192.168.1.100:8080即可看到你的Vue应用。如果出现空白页，可能需要：
<!-- 在dist文件夹添加web.config文件解决路由问题 --> <configuration> <system.webServer> <rewrite> <rules> <rule name="Handle History Mode" stopProcessing="true"> <match url=".*" /> <conditions logicalGrouping="MatchAll"> <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /> </conditions> <action type="Rewrite" url="/" /> </rule> </rules> </rewrite> </system.webServer> </configuration>3.2 动态API部署（以Flask为例）
对于Python后端服务，需要额外配置：
- 安装CGI模块（在Windows功能中勾选）
- 创建网站时选择空物理路径
- 添加处理程序映射：
- 请求路径：
* - 模块：
FastCgiModule - 可执行文件：
python.exe的路径 - 名称：
Python FastCGI
- 请求路径：
然后创建web.config：
<configuration> <system.webServer> <handlers> <add name="Python FastCGI" path="*" verb="*" modules="FastCgiModule" scriptProcessor="C:\Python39\python.exe|C:\Python39\Lib\site-packages\wfastcgi.py" resourceType="Unspecified" /> </handlers> </system.webServer> </configuration>启动Flask应用时需要设置：
if __name__ == '__main__': from waitress import serve serve(app, host='0.0.0.0', port=5000)4. 常见问题解决方案
4.1 防火墙配置
首次部署后其他设备可能无法访问，需添加防火墙规则：
New-NetFirewallRule -DisplayName "Allow IIS LAN Access" -Direction Inbound -Protocol TCP -LocalPort 8080 -Action Allow -Profile Private4.2 权限问题
如果遇到403错误，按以下步骤排查：
- 检查IIS_IUSRS用户对项目文件夹的读取权限
- 在IIS中双击"身份验证"，启用"匿名身份验证"
- 确保应用程序池的.NET CLR版本与项目匹配
4.3 跨设备访问优化
为了方便团队成员记忆，可以：
- 修改本机hosts文件添加域名解析：
192.168.1.100 dev.test.com - 在路由器中设置静态DHCP分配，确保你的开发机始终获取相同IP
- 使用ngrok等工具生成临时外网地址（适合远程协作场景）
5. 高级配置技巧
5.1 多项目共存方案
当需要同时运行多个项目时，推荐以下两种方案：
| 方案 | 配置方式 | 访问示例 | 适用场景 |
|---|---|---|---|
| 不同端口 | 网站1:8080 网站2:8081 | http://IP:8080http://IP:8081 | 临时调试 |
| 虚拟目录 | 主站:80 /project1 /project2 | http://IP/project1http://IP/project2 | 长期协作 |
5.2 性能优化配置
在IIS中调整以下参数提升响应速度：
- 双击"压缩"，启用静态和动态内容压缩
- 在"输出缓存"中添加
.js、.css等扩展名的缓存规则 - 调整应用程序池：
- 回收条件：固定时间间隔改为1440分钟
- 进程模型：闲置超时改为0（不禁用）
# 一键优化命令 Set-WebConfigurationProperty -PSPath 'MACHINE/WEBROOT/APPHOST' -Filter 'system.webServer/httpCompression' -Name 'dynamicCompressionDisableCpuUsage' -Value 905.3 安全加固措施
局域网环境同样需要注意安全：
- 在"IP地址和域限制"中添加白名单
- 禁用不必要的HTTP方法（PUT/DELETE等）
- 定期检查日志文件（默认位于
C:\inetpub\logs） - 为敏感项目启用基本身份验证
<!-- 禁用危险HTTP方法 --> <system.webServer> <security> <requestFiltering> <verbs allowUnlisted="true"> <add verb="PUT" allowed="false" /> <add verb="DELETE" allowed="false" /> </verbs> </requestFiltering> </security> </system.webServer>在实际项目中使用IIS部署测试环境后，团队反馈效率提升了至少50%。特别是产品经理可以随时查看最新效果，再也不用反复确认"这个按钮是不是已经改过了"。一个小技巧是创建不同的虚拟目录对应git分支，如/feature-login-redesign，让测试直接对应特定功能分支。