npm 包 static-app-server 使用教程
介绍
static-app-server 是一个基于 Node.js 的静态服务器，适用于开发者用于本地开发调试的前端页面。 它可以快速地在本地开启一个服务器，用来服务于静态资源文件，包括 HTML、CSS、JavaScript 等，并且支持热重载。 在本文中，我们将会详细介绍如何使用 static-app-server 去搭建和管理本地服务器。
使用安装
安装
首先，我们需要在全局环境下安装 static-app-server：
--- ------- -- -----------------
启动服务器
进入项目的根目录，并执行以下命令以启动本地静态服务器:
- -----------------
之后，会弹出窗口提示你输入端口号，输入完端口号后，服务器就会在当前目录下启动。然后你就可以在浏览器中通过 http://localhost:端口号 来访问你的页面。
其他启动相关选项
static-app-server 包含了许多选项，使得我们可以自定义服务器的行为。下面是static-app-server 提供的选项：
-p或--port: 指定服务器访问端口号，默认为 3000。-r或--root: 服务器的根目录，默认为当前执行目录。-h或--host: 指定主机号，默认为 0.0.0.0。-q或--quiet: 静默模式，不再显示有冗余的信息。-v或--version: 查看static-app-server版本信息。-h或--help: 查看帮助。
高级使用
使用自定义域名
我们可以通过 hosts 文件在本地修改域名绑定，从而在本地使用自定义域名来访问静态服务器。
在 Windows 操作系统中， hosts 文件位于 C:\Windows\System32\Drivers\etc\hosts，我们可以用编辑器打开此文件，添加一行绑定规则，格式为：
--------- ---------------
如上面这行规则，表示将本地的 127.0.0.1 绑定到 www.example.com 上。在打开浏览器并输入 http://www.example.com:端口号 时，自定义域名就已经指向了本地的 static-app-server 服务器。
配置 HTTPS
static-app-server 也支持 HTTPS 请求，我们只需要在命令行参数中添加 --ssl 参数及相关配置即可。具体参数如下：
-c或--cert: SSL 证书完整路径；-k或--key: SSL 证书密钥完整路径；-p或--httpsPort: HTTPS 的端口号，默认为 3001；
在命令行中，我们可以通过下面的命令启动 HTTPS 服务器：
----------------- ----- ------ ------------------ ----- -----------------
详细的命令参数
以上命令行参数只是 static-app-server 一小部分可选特性，如果你希望了解更多选项，可以通过输入 static-app-server --help 命令来查看。
自定义路由
在实现前端单页面应用（SPA）过程中，历史路由的处理非常重要。对于一个静态服务器而言，是没有这个功能的，这时我们需要使用其他前端框架或第三方库来实现。
为了绕开这个问题，static-app-server 允许我们使用正则表达式来进行路由匹配。我们可以使用 --replace 或 --replace-config 搭配参数实现这一功能，其中参数即可是一般的字符串，也可以是正则表达式。
以下是一个简单的使用正则表达式的路由实例。将 foo、bar 两个页面请求映射到 index.html，其他的请求保持原有行为：
-
---------
-
---------- ----------
---------- -
-------------- ------------
---------- ---------- ------------------------------------------------------ ---------------------------------
-
-
-
-参数详解
参数可以使用正则表达式，也可以使用字符串作为规则匹配。
rules:
pattern: 匹配规则，使用正则表达式得到一个匹配组。例如，使用"[^./] + -([^.] +)项。HTML"匹配 URL 中的文本文件文件然后从文件名称中提取中的版本号。respond:content: 返回字符串。file: 返回文件，这个路径是相对于--root参数的。redirect: 重定向到 URL。contentType: 假如响应的内容为空，则返回一个内容类型头。headers: 自定义响应头。
结语
在生产环境中，static-app-server 不建议被用作生产服务器。 但是，它在开发和调试阶段中是非常有用的，可以大大提高开发效率。总的来说，此篇文章希望能够帮助你了解 static-app-server 的使用方法，并提供了一些扩展方面的使用技巧，希望对你有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600558d481e8991b448d6268