在前端开发中，我们经常需要搭建一个简单的本地服务来快速测试代码、查看页面效果等。而 npm 包 simple-test-server 就是一款非常适合这种场景的工具。本篇文章将会介绍 simple-test-server 的使用方法，希望对各位前端开发者有所帮助。
简介
simple-test-server 是一款简单的静态文件服务器，可以快速开启一个本地服务，方便测试静态页面和文件。该工具使用 Node.js 编写，基于 Express 框架实现，提供了以下特点：
- 静态资源服务器：可以快速启动一个本地服务器，支持本地目录访问，方便本地测试和修改。
- 支持路由：可以自定义路由规则，设置对应的响应数据，方便 mock 接口开发和测试。
- 支持 https：可以通过简单配置，将服务开启为 https，增加数据传输的安全性。
安装
simple-test-server 可以通过 npm 进行安装。
--- ------- ------------------ --
注：使用 -g 安装会全局安装，方便在任何地方使用，如果只在某一个项目中使用，可以去掉 -g，然后在项目中使用 npx 命令调用。
使用
快速启动一个本地服务
simple-test-server 可以通过以下命令快速启动一个本地服务器。
--- -----
执行完成后，控制台会输出服务监听的地址和端口，默认为 http://localhost:8989。
指定监听的地址和端口
可以通过以下命令指定监听的地址和端口。
--- ----- ------ --------------- ------ ----
其中，xxx.xxx.xxx.xxx 表示要监听的 IP 地址，xxxx 表示要监听的端口号。
设置根目录
可以通过以下命令设置服务的根目录。
--- ----- ------ -------------
其中，/path/to/root 表示要指定的根目录。
自定义路由
simple-test-server 支持自定义路由，可以通过以下方式实现。
首先，在项目根目录下新建一个 sts.config.js 文件，在该文件中定义路由规则和对应的响应数据，例如：
-------------- - -
------- -
-
----- -------------
--------- -
-------- ------- -------
-
-
-
-然后，启动服务时加上 --config 参数，将该文件作为配置项传入即可。
--- ----- -------- ---------------
这样，访问 http://localhost:8989/api/hello 就可以得到响应数据 { "message": "hello, world!" }。
https
可以通过以下命令将服务开启为 https。
--- ----- ------ ------------- ----- ------------
其中，/path/to/cert 和 /path/to/key 分别表示 SSL 证书和私钥的路径。
帮助文档
可以通过以下命令查看 simple-test-server 的帮助文档。
--- --
示例代码
以下是一个简单的示例代码，演示如何使用 simple-test-server。
首先，在项目根目录下新建一个 index.html 文件和 sts.config.js 文件，分别包含以下内容。
index.html：
--------- ----- ----- ---------- ------ ----- ---------------- ------------------------- ------------ ------- ------ ---------- ----------- ------- -- - ------ ---- -- ----------------------- ------- --------------------------- ------- -------
sts.config.js：
-------------- - -
------- -
-
----- -------------
--------- -
-------- ------- -------
-
-
-
-然后，在命令行中进入该项目的根目录，并执行以下命令启动服务。
--- -----
执行成功后，打开浏览器，访问 http://localhost:8989，即可看到页面效果。
同时，访问 http://localhost:8989/api/hello，也可以得到响应数据 { "message": "hello, world!" }。
总结
simple-test-server 是一款非常方便的静态文件服务器工具，可以帮助前端开发者快速启动本地服务，方便测试和 mock 接口开发。文章介绍了 simple-test-server 的基本使用方法，还提供了示例代码，希望能帮助各位前端开发者更好地应用该工具。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60057add81e8991b448eb65b