windows启用本地服务打开web页面

本文介绍了如何使用IIS服务和基于Node.js的http-server进行项目部署的方法。通过详细步骤指导读者配置IIS服务,包括启动WorldWideWebPublishingService服务、设置自定义路径及端口等,并分享了移动端跨设备预览项目的技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.iis服务

使用window提供的iis服务,安装iis网上方法一大把,我就不说啦。附上一个地址,感谢这位伙伴(http://www.jb51.net/article/29787.htm)。

配置iis服务时,记得你的先在运行中输入services.msc

把World Wide Web Publishing Service启动起来

接下来开始配置,你可以把你的项目放在默认的C:\inetpub\wwwroot下,也可以自定义,我直接说自定义的吧

首先说说路径:控制面板\所有控制面板项\管理工具

接下来开始啦,一步一步来

此处说明一下端口问题,不要使用已经使用过的端口哦

这样就可以访问啦

 不过每个人目录差别很大,对于我来说,我每个文件夹就是一个小活动,所以每个小活动都有一个启动页面,例如active/下的首页为active-index.html,记得为这个文件夹配置一下默认页面哦,当然,不配是可以哒,嘿嘿嘿!配置了,你就可以直接访问active啦

然后就完事啦。

2.http-server

接下来说个超级简单的基于nodejs的http-server服务

所以首先去安装个nodejs吧,一路next就ok;记得下个LTS的,毕竟稳定嘛

然后就简单啦

ctrl+r->cmd

 

我是做移动端的项目的,所以我总是在手机上看看我的活动丑不丑,这个时候,你只要保证手机跟电脑在同一个网段,(连一个wifi就行啦),然后就能在手机上也访问这个页面啦

希望对大家有帮助,欢迎指正。

 

转载于:https://www.cnblogs.com/nanshine/p/8297979.html

<think>嗯,用户想在Windows 10上配置和开启Web服务,对吧?首先,我需要回忆一下相关的步骤。根据引用[5],配置IIS需要先启用这个功能。我记得在控制面板里有个“启用或关闭Windows功能”的选项,里面要找到Internet Information Services,然后勾选相关组件。用户可能不知道具体要选哪些,所以需要详细列出,比如Web管理工具、万维网服务里的常见功能,比如ASP.NET、静态内容等。 接下来是配置IIS管理器。安装完成后,用户需要打开IIS管理器,这时候可能找不到在哪里,所以应该提示他们通过管理工具进入。然后设置默认网站,可能需要修改物理路径到自己的项目目录,这点引用[5]里提到要修改高级设置里的物理路径。另外,启用父路径对于某些ASP应用可能是必要的,这也是步骤中的一部分。 然后是绑定IP和端口,用户可能想通过本地IP或者局域网访问,所以需要指导他们如何设置绑定信息,比如使用特定IP和端口,比如8080。防火墙设置也不能忽略,否则可能无法访问,需要添加入站规则允许端口通行。 测试部分,用户完成配置后,可能不知道怎么验证是否成功,所以需要说明在浏览器输入localhost或IP地址加端口,看到默认页面就成功了。另外,如果用户有自定义的HTML文件,要放到正确的目录下。 用户可能遇到的问题,比如安装时漏选组件,这时候要提醒他们检查所有子选项是否勾选。访问被拒绝的话,可能是权限问题,需要检查文件夹权限和防火墙设置。还有,如果使用非80端口,访问时要记得加端口号。 相关的问题部分,用户可能还想知道如何发布网站,或者配置SSL证书,或者与其他服务器比较,比如Apache。这些都是常见的后续问题,可以提前准备回答。不过根据引用,其他版本如Server 2008和2012的配置也有不同,但用户主要关心的是Win10,所以重点放在引用[5]的内容上。</think>### 分步指南:Windows 10 上配置和开启 Web 服务 #### 一、启用 IIS 功能 1. 打开**控制面板** > **程序** > **启用或关闭 Windows 功能** 2. 勾选 `Internet Information Services`,逐级展开子菜单,确保勾选以下核心组件: - **Web 管理工具**(含 IIS 管理控制台) - **万维网服务** > **应用程序开发功能**(如 ASP.NET、CGI、ISAPI 扩展) - **万维网服务** > **常见 HTTP 功能**(如静态内容、默认文档)[^5] 3. 点击 **确定** 并等待安装完成(可能需要重启系统) #### 二、配置 IIS 管理器 1. 通过 **控制面板** > **管理工具** > **Internet Information Services (IIS) 管理器** 打开控制台 2. **修改默认网站设置**: - 左侧导航树选择 `网站` > `Default Web Site` - 双击 **ASP** 功能,将 `启用父路径` 设为 `True`[^5] 3. **设置网站根目录**: - 右侧操作栏点击 **高级设置** - 修改 `物理路径` 为自定义文件夹(例如 `D:\webroot`) 4. **绑定 IP 和端口**: - 点击 **绑定**,添加或编辑现有绑定 - 分配空闲端口(如 `8080`),IP 地址选择 `全部未分配` 或本机 IP #### 三、防火墙配置 1. 打开 **Windows Defender 防火墙** > **高级设置** 2. 新建入站规则: - 规则类型选择 `端口` - 指定 TCP 端口(如 `80` 或自定义的 `8080`) - 允许连接 #### 四、测试 Web 服务 1. 在浏览器输入 `http://localhost:端口号`(默认端口 80 可省略) 2. 若显示 IIS 欢迎页,则服务已正常运行 3. 在自定义物理路径中添加 `index.html` 测试文件,验证内容加载 #### 常见问题排查 - **组件缺失**:若功能异常,返回 Windows 功能界面检查是否漏选子项 - **访问被拒**:检查文件夹权限(右键文件夹 > 属性 > 安全 > 添加 IIS_IUSRS 读写权限) - **端口冲突**:通过 `netstat -ano` 命令排查占用端口的进程 ```powershell # 快速检查 IIS 服务状态 Get-Service -Name W3SVC ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值