简介
webserver-gen 是一个轻量级的 npm 包，能够轻松地搭建一个本地的开发服务器。这个 npm 包特别适用于前端开发初学者、小型项目。它可以让你在本地搭建一个服务器，防止 CORS 限制，方便开发和测试。
安装
安装 webserver-gen 很简单，只需要在命令行中输入以下命令：
npm install -g webserver-gen
-g 参数表示全局安装，可以在本地任意目录使用 webserver-gen 命令。
使用
打开你的命令行工具，进入你的项目目录，执行以下命令启动服务器：
webserver-gen
默认情况下，服务器会在 8080 端口启动。如果要使用其他端口，可以使用 -p 参数指定端口号：
webserver-gen -p 3000
在运行服务器后，可以在浏览器中输入 http://localhost:8080 访问你的页面。
你可以将你的静态文件（HTML、CSS、JavaScript）放在服务器目录中，以便于服务器能够访问它们。默认情况下，webserver-gen 会从当前目录开始，一直向上查找 index.html 文件，作为启动页面。如果要使用其他文件作为启动页面，可以使用 -i 参数指定该文件：
webserver-gen -i path/to/file.html
高级配置
webserver-gen 包含了一些高级配置选项，可以帮助你更好地控制服务器的行为。以下是一些常用的高级配置选项：
路径重定向
有时候你可能需要将请求重定向到另一个路径或另一个域名。例如，你的应用程序可能需要将所有请求转发到 API 服务器。可以使用 -r 参数来配置路径重定向：
webserver-gen -r /api=http://api.example.com
以上命令将把所有以 /api 开始的请求转发到 http://api.example.com。你也可以将请求重定向到你自己的服务器地址：
webserver-gen -r /api=http://localhost:4000
自定义响应头
有时候你可能需要在响应头中添加自定义属性。可以使用 -H 参数来配置自定义响应头：
webserver-gen -H "X-My-Header: true"
以上命令将在所有响应中添加一个名为 X-My-Header 的自定义响应头。
支持 HTTPS
webserver-gen 还支持 HTTPS 连接。可以使用 --ssl 参数启动 HTTPS 服务器：
webserver-gen --ssl
如果你想使用自己的 SSL 证书和密钥，可以使用以下命令：
webserver-gen --ssl --cert path/to/cert.pem --key path/to/key.pem
示例代码
以下是一个简单的示例代码，展示了如何使用 webserver-gen：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------------------------ ------- ------ --------------------------- -------- ----- --------------------- ------- ------------------------- ------- -------
在项目目录中添加一个名为 index.js 的文件，并在其中添加以下代码：
document.getElementById('time').innerHTML = new Date();在命令行中执行以下命令来启动服务器：
webserver-gen
现在，你可以在浏览器中访问 http://localhost:8080 来查看你的应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005a26681e8991b448ed56d