win11如何搭建简单的Web服务器_win11简单的Web服务器完整教程与实操演示

陌伟君_3310

陌伟君_3310

2026-04-13

714人浏览

原创

windows 11上快速启动本地web服务器有四种方法:一、python内置http.server(需python 3.6+);二、启用iis(通过“windows功能”配置);三、powershell简易http监听器(无需外部依赖);四、node.js的http-server工具(需npm安装)。

win11如何搭建简单的web服务器_win11简单的web服务器完整教程与实操演示

如果您希望在Windows 11系统上快速启动一个本地Web服务器用于测试HTML页面或静态资源预览,则无需部署完整IIS环境。以下是实现该目标的多种可行方法,覆盖零依赖、内置工具与轻量第三方方案。

一、使用Python内置HTTP服务器

Python标准库提供了一个极简的HTTP服务模块,无需安装额外包,仅需确保系统已安装Python 3.6及以上版本。该方法适用于临时共享目录、快速验证网页结构或前端开发调试。

1、按Win + R打开运行框,输入cmd并回车,启动命令提示符。

2、在命令行中切换至您存放HTML文件的目录,例如:cd C:\my-website。

3、执行以下任一命令(根据Python版本选择):
— Python 3.x: python -m http.server 8000
— Python 2.x(不推荐): python -m SimpleHTTPServer 8000

4、打开浏览器,访问 http://localhost:8000 即可浏览当前目录下的所有文件及子目录。

二、启用Windows内置IIS服务

IIS是Windows原生Web服务器组件,启用后即可托管静态网站或ASP.NET应用。本方法适合需要长期稳定运行、支持HTTPS绑定或后续扩展功能的场景。

1、按Win + R,输入optionalfeatures并回车,打开“Windows功能”对话框。

2、展开Internet Information Services节点,勾选以下最小必要项:
— Web管理工具 → IIS管理控制台
— 万维网服务 → 常见HTTP功能 → 静态内容、默认文档
— 万维网服务 → 性能特性 → 静态内容压缩(可选)

3、点击确定,等待系统完成安装。安装完毕后,在开始菜单搜索并运行inetmgr,确认IIS管理器可正常打开。

4、在IIS管理器左侧连接树中,右键网站 → 添加网站,填写:
— 网站名称:任意标识名(如“MyTestSite”)
— 物理路径:选择您的HTML文件所在文件夹(如C:\inetpub\wwwroot\test)
— 绑定:IP地址留空,端口设为8080(避免与系统服务冲突)

5、完成添加后,在浏览器中访问 http://localhost:8080 即可加载首页。

ChatCut
ChatCut

一款AI视频创作工具,主要用于AI视频剪辑工具,适合需要提升相关任务效率的用户。

下载

三、使用PowerShell快速启动静态服务器

Windows 11自带PowerShell 7+(或Windows PowerShell 5.1),可通过脚本方式启动一个仅响应GET请求的轻量HTTP监听器,无需外部依赖,适合无Python环境的纯Windows系统。

1、以管理员身份运行PowerShell。

2、执行以下命令创建并运行简易服务器:

3、复制粘贴如下代码段并回车运行:
$listener = New-Object System.Net.HttpListener; $listener.Prefixes.Add('http://+:8081/'); $listener.Start(); Write-Host 'Server running on http://localhost:8081'; while ($listener.IsListening) { $context = $listener.GetContext(); $response = $context.Response; $response.ContentType = 'text/html'; $html = '

Windows PowerShell Server

Static page served.

'; $buffer = [System.Text.Encoding]::UTF8.GetBytes($html); $response.ContentLength64 = $buffer.Length; $response.OutputStream.Write($buffer, 0, $buffer.Length); $response.Close(); }

4、保持PowerShell窗口开启,打开浏览器访问 http://localhost:8081 查看响应。

四、借助Node.js的http-server工具

若系统已安装Node.js,可通过npm全局安装http-server包,获得带自动目录索引、CORS支持和缓存控制的开发型服务器,适合前端工程师日常使用。

1、确认Node.js已安装:在命令行中运行 node -v 和 npm -v,应返回版本号。

2、全局安装http-server:npm install -g http-server。

3、进入目标文件夹,执行:http-server -p 8082 -c-1。
其中 -p 8082 指定端口,-c-1 禁用缓存以便实时刷新。

4、终端将显示类似 Starting up http-server, serving .
Available on:
http://127.0.0.1:8082
http://[::1]:8082

5、访问 http://localhost:8082 即可浏览当前目录结构及HTML文件。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

win11

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
while的用法
while的用法

while的用法是“while 条件: 代码块”,条件是一个表达式,当条件为真时,执行代码块,然后再次判断条件是否为真,如果为真则继续执行代码块,直到条件为假为止。本专题为大家提供while相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.25

334

5

length函数用法
length函数用法

length函数用于返回指定字符串的字符数或字节数。可以用于计算字符串的长度,以便在查询和处理字符串数据时进行操作和判断。 需要注意的是length函数计算的是字符串的字符数,而不是字节数。对于多字节字符集,一个字符可能由多个字节组成。因此,length函数在计算字符串长度时会将多字节字符作为一个字符来计算。更多关于length函数的用法,大家可以阅读本专题下面的文章。

2023.09.19

1767

6

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

2023.06.20

4076

8

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.07.28

1275

5

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.03

1638

5

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

2023.08.17

9623

11

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

2023.09.01

920

4

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

2464

5

Js中concat和push的区别
Js中concat和push的区别

Js中concat和push的区别:1、concat用于将两个或多个数组合并成一个新数组,并返回这个新数组,而push用于向数组的末尾添加一个或多个元素,并返回修改后的数组的新长度;2、concat不会修改原始数组,是创建新的数组,而push会修改原数组,将新元素添加到原数组的末尾等等。本专题为大家提供concat和push相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.14

1489

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.6万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 133.4万人学习