前言
前端开发中，我们经常需要在本地运行静态网页或者单页应用，随着项目变得越来越复杂，我们需要一个简单易用的本地静态服务器，在此引出 http-server-lib，它是一个基于 Node.js 的 http-server 插件，通过对 http-server 的改进和自定义扩展，可以自定义 server 的行为和功能，适用于本地调试、构建和测试等场景。
安装
http-server-lib 可以通过 npm 安装，只需在命令行输入以下命令：
npm install -g http-server-lib
此命令会将 http-server-lib 安装到全局，让您可以在任何地方使用该包。
基础用法
安装完成之后，我们可以在命令行中输入以下命令来启动一个本地服务器：
http-server-lib
该命令会默认使用当前目录作为静态服务器的根目录，并使用默认端口(8080)。此时，我们打开浏览器访问 “http://localhost:8080” 即可看到该目录下的静态资源。
需要注意的是，在默认情况下，您只能从本地访问该服务器，而其他人无法访问。如果需要，可以使用以下命令将服务器开放给全局访问：
http-server-lib -o
此命令会在启动服务器后，同时打开浏览器并访问 “http://localhost:8080” 地址。
自定义配置
作为一款灵活的工具，http-server-lib 提供了多种自定义配置项，方便开发者根据自身需求来配置 server。以下是一些常见配置项及示例：
1. 指定根目录
使用 -r 标记来指定目录根（默认为当前目录）：
http-sever-lib -r /path/to/directory
2. 指定端口
使用 -p 标记来指定要使用的端口：
http-sever-lib -p 8888
3. 启用 https
使用 -S 标记来启用 HTTPS：
http-sever-lib -S
4. 启用实时刷新
使用 -R 标记来启用实时刷新：
http-sever-lib -R
5. 指定主页
使用 -i 标记来指定主页：
http-sever-lib -i index.html
6. 控制台输出
使用 -l 标记来控制控制台输出：
http-sever-lib -l
更多配置项可通过 -h 标记查看帮助信息。
扩展功能
借助它对 http-server 的扩展，我们可以为 http-server 添加更多功能。以下是示例：
1. 添加代理
在 http-server-lib 中通过配置代理来绕过跨域问题，使用 -P 标记来配置代理规则：
http-sever-lib -P http://localhost:3000/api // 所有 /api/ 开头的路由都会转发到本地 3000 端口上
2. 添加响应头
在 http-server-lib 中可以通过 -H 标记来添加自定义响应头，如下所示：
http-sever-lib -H "X-Custom-Header-1: Header Value" -H "X-Custom-Header-2: Another Header Value" // 添加两个自定义响应头
3. 添加路由
在 http-server-lib 中通过 -A 标记添加自定义路由处理器，如下所示：
http-sever-lib -A "/*" index.html // 所有访问都转发到 index.html
4. 自定义响应页面
http-server-lib 还支持自定义错误页面，可以通过 -e 标记来指定错误页面路径，如下所示：
http-sever-lib -e /path/to/404.html // 指定 404 页面的路径
结语
通过上述教程，我们可以快速启动一个本地静态服务器，并自定义其功能和行为，极大地方便了前端开发中的调试、构建和测试等工作。http-server-lib 是一个优秀的工具，它不仅可以帮助我们提升开发效率，而且有着广泛的应用价值，希望本文能给大家提供帮助。以下是示例代码：
-- -------------------- ---- ------- ----- ---- - ---------------- ----- ------ - ----------------------- ---- -- - -------------- - ---- ----------------------------- -------------- -------------- -------- --- ------------------- --------- -- -- - ------------------- ------- -- ------------------------------ ---
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600567fa81e8991b448e4208