在前端开发中，我们经常需要在本地运行静态文件，并测试网站或者应用程序。为了方便地创建本地服务器并运行静态文件，我们可以使用NPM包simple-http-server。
安装
我们可以使用NPM来全局安装simple-http-server：
npm install -g simple-http-server
一旦安装成功，我们就可以在命令行中执行以下命令来启动简单的HTTP服务器：
simple-http-server
默认情况下，simple-http-server将会运行在8080端口上，并且它将会在当前目录下查找index.html文件并将其作为默认文档提供。
指定文件夹和端口号
如果你想要从不同的文件夹中提供静态文件，可以通过指定文件夹路径来实现。例如，如果你有一个名为“public”的文件夹，其中包含你的所有静态文件，那么你可以使用以下命令：
simple-http-server public/
此外，你还可以通过指定端口号来更改simple-http-server运行的端口号。例如，要将端口号更改为9000，请使用以下命令：
simple-http-server -p 9000
支持HTTPS
simple-http-server也支持HTTPS协议。要启用HTTPS，我们需要生成证书文件。可以使用自签名证书来简单地生成证书文件。一旦你有了证书文件，你可以使用以下命令来启动HTTPS服务器：
simple-http-server -S -C /path/to/cert.pem -K /path/to/key.pem
支持路由
除了提供静态文件之外，simple-http-server还支持路由。这意味着它可以根据请求的URL路径返回不同的内容。我们可以在启动服务器时传递一个JSON文件，指定特定的URL匹配规则和处理程序。例如，我们可以在一个名为“routes.json”的文件中编写以下内容：
{
"/api/data": "data.json",
"/about": "about.html"
}这将会指定路径“/api/data”将会返回"data.json"文件的内容，而路径“/about”将会返回"about.html"文件的内容。然后，我们可以使用以下命令来启动具有路由功能的HTTP服务器：
simple-http-server -r routes.json
结论
simple-http-server是一个非常便捷的工具，可以帮助我们快速创建本地服务器，并运行静态文件。它支持多种功能，包括指定文件夹和端口号、支持HTTPS和路由等。当我们需要测试某些功能或者与后端API进行交互时，使用simple-http-server可以大大提高我们的效率。
希望这篇文章可以帮助您了解simple-http-server，并且能够在您的前端开发工作中带来帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/54151