在前端开发中，我们常常需要使用一个本地的 HTTP 服务器来运行我们的项目，进行页面的预览、调试以及构建。simplatic-http-server 就是一个方便的 npm 包，它可以快速启动一个 HTTP 服务器，将当前目录作为静态资源的根目录，可以满足我们的需求。本文将介绍如何使用该包进行静态资源服务器的搭建，并新增了一些高级功能的介绍。
安装
全局安装 simplatic-http-server，运行如下命令：
npm install -g simplatic-http-server
使用
在你的命令行终端（例如 CMD、PowerShell、Terminal）中输入以下命令：
simplatic-http-server
这个包会默认启动 8080 端口作为一个 HTTP 服务器，并会将当前目录视为静态资源服务器的根目录。
在浏览器中输入 http://localhost:8080/ 即可访问资源。
指定端口
如果你想指定端口号来启动服务器，你可以传递 port 参数。例如，在启动服务器时指定端口号为 3000：
simplatic-http-server --port 3000
指定文件
如果你想指定一个特定的文件，在服务器上打开，你可以传递 file 参数。例如：
simplatic-http-server --file index.html
指定 IP
如果想在不同 IP 地址或本地机器上访问服务器，可以使用 --host 参数并指定 IP 地址：
simplatic-http-server --host 192.168.1.107
指定请求响应头
在默认情况下，该服务器使用默认的响应头。你可以指定特定的响应头来回应请求。例如：
simplatic-http-server -H '{ "Access-Control-Allow-Origin": "http://localhost:3000", "X-Powered-By": "Node.js"}'指定认证
如果你想要保护你的服务，并提供基于用户名和密码的认证控制，可以使用 --auth 参数。例如：
simplatic-http-server --auth username:password
配置文件
如果你通常需要传递许多参数，可以创建一个 simplatic-http-server.json 文件并将这些参数存储在其中。
{
"port": 8080,
"host": "0.0.0.0",
"file": "index.html",
"cors": true,
"auth": "username:password"
}缓存
simplatic-http-server 支持 HTTP 缓存。可以通过启用或禁用缓存来提高性能。
对于禁用缓存，可以在命令行中运行时使用 --no-cache
simplatic-http-server --no-cache
对于启用缓存，可以在配置文件中设置以下值：
{
"cache": {
"max-age": 3600
}
}max-age 代表缓存时间，此处为 1 小时。
SSL/TLS
要使用 SSL/TLS（HTTPS）访问服务器，可以指定 --ssl 参数。
simplatic-http-server --ssl
自签名证书
默认情况下，simplatic-http-server 会使用自动生成的自签名证书。当然，你可以使用自己的证书，方法如下：
simplatic-http-server --sslcert server.crt --sslkey server.key
重定向规则
simplatic-http-server 支持 HTTP 重定向，可以将 HTTP 请求重定向到另一个地址。
例如，您可以将 HTTP 访问重定向为 HTTPS 访问：
{
"redirect": {
""/": "https://localhost:8443"
}
}在上面的例子中，“/” 表示任何路径都会被重定向，所以所有 HTTP 访问都被重定向到 https://localhost:8443。
反向代理
在某些情况下，我们需要将资源服务器运行在一个特定的端口，但是我们希望显示的 URL 更加友好，可以通过反向代理进行实现。我们以 http://localhost:3001 作为代理，将其指向资源服务器运行在的地址：http://localhost:8080。这个操作可以帮助我们优化 SEO 和增加安全性。
我们可以通过配置文件或者命令行来实现反向代理。下面是通过命令行的实现方式：
simplatic-http-server --proxy http://localhost:8080
结束语
simplatic-http-server 是一个非常方便简单的静态资源服务器，在开发中有很大的应用场景，可以满足我们对于静态资源访问的需求。我们可以通过各种参数来定义服务的行为，并复合我们的特殊需求。
希望在学习中加深了解并找出了需要的答案。如果你想了解更多关于 simplatic-http-server 参数以及更高级的用法，可以查看它的官方文档 simplatic-http-server。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067380890c4f72775841f1