介绍
在前端开发中，经常需要使用本地的服务器来测试或者模拟一些数据接口，那么如何快速地搭建一个本地的服务器呢？npm 包 xhttpserver 就是一个很方便的工具。
xhttpserver 是一个使用 Node.js 编写的 HTTP 服务器，它支持静态文件和动态路由，可以快速地启动一个本地服务器，方便前端开发调试。
安装
安装 xhttpserver 有两种方式，一种是全局安装，另一种是局部安装。
全局安装命令如下：
npm install -g xhttpserver
局部安装命令如下：
npm install xhttpserver --save-dev
启动
使用 xhttpserver 启动一个本地服务器非常简单，只需要在命令行中输入以下命令即可：
xhttpserver [port] [root]
其中，port 是服务器监听的端口号，root 是服务器的根目录，默认是当前的工作目录。
比如，如果要启动一个监听 8080 端口的服务器，可以使用以下命令：
xhttpserver 8080
静态文件服务
xhttpserver 默认会将当前工作目录作为服务器的根目录，因此，当我们访问 localhost:8080 时，它会默认读取当前目录下的 index.html 文件，并返回给客户端。
如果我们要访问其它的静态文件，只需要在浏览器中输入文件的相对路径即可，xhttpserver 会自动将请求映射到服务器根目录下的对应文件。
动态路由
有时候我们需要在本地服务器上模拟一些数据接口，这时候就需要使用 xhttpserver 的动态路由功能了。
动态路由可以让我们根据不同的请求返回不同的数据，从而模拟数据接口的功能。
下面是一个简单的例子：
xhttpserver 8080
在浏览器中输入以下地址：
http://localhost:8080/api/userinfo?id=1
xhttpserver 会将请求中的参数解析出来，然后根据路由配置返回对应的数据。
动态路由需要在启动服务器时传入一个路由配置文件，路由配置文件是一个 JavaScript 文件，可以通过 exports 导出一个对象，对象的属性名是路由的路径，属性值是对应的处理函数。
下面是一个简单的路由配置文件的例子：
-- -------------------- ---- -------
-- ---------
------------------------ - ------------- ---- -
--- -- - ----------------
--- -------- - -
--- ---
----- -----
---- ---
------- ---
--
------------------- -- ---- ---- -----
-总结
xhttpserver 是一个非常方便的本地服务器工具，它支持静态文件和动态路由，可以大大提高前端开发调试的效率。
在使用时，我们可以根据自己的需求灵活地配置路由，模拟出各种数据接口的情况，方便我们进行接口测试和开发。
以上就是使用 xhttpserver 的基本教程和示例，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600553e981e8991b448d13c2