在前端开发中，经常需要和后端服务器进行接口调试，测试api是否能够正常工作。但是有时候后端接口还未开发完成，或者是想在本地调试一些本地mock数据，这时候就需要搭建一个本地的服务来模拟后端服务器。而http-test-server就是一款可以模拟后端服务器的npm包。
http-test-server简介
http-test-server是一个简单、可定制、易于使用的 Node.js 模拟服务器，可用于 web 应用程序和 api 的测试和开发。它基于Express框架，支持路由、中间件和数据返回的设定，支持动态mock数据。
安装和使用
安装
你可以全局安装http-test-server：
npm install -g http-test-server
也可以在项目里安装：
npm install --save-dev http-test-server
安装完成后，需要在项目目录下创建一个server文件夹，并在其中创建一个app.js文件用于配置服务器。
使用
配置路由
在app.js中使用express的路由配置函数：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - --------------- --------- --- ----------------- ----- ---- -- - ----- ---- - --------- -- --------- --------------- ---
以上代码定义了两个路由，一个是根路由，一个是post请求的/user路由。
启动服务器
在server文件夹下创建一个index.js文件，用于启动服务器：
const httpTestServer = require("http-test-server");
const app = require("./app");
httpTestServer.start(app, 3000);以上代码中，首先引入http-test-server，然后引入之前定义的app.js。最后，调用httpTestServer.start()启动服务器，并指定端口号。
模拟返回数据
在某些情况下，我们需要模拟后端返回的数据，可以通过在路由中添加mock数据的代码来模拟返回数据：
app.get("/api/data", (req, res) => {
const data = { name: "Tom", age: 18 };
res.json(data);
});使用中间件
在app.js中可以使用中间件，例如使用express自带的body-parser中间件解析post请求的数据：
const express = require("express");
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
总结
http-test-server这个npm包不仅可以帮助我们快速创建本地服务器，还支持路由、中间件和动态mock数据设置，方便我们进行前端接口调试和本地mock数据的开发。同时，这个npm包的安装和使用也很简单，仅需要进行简单的配置就可以让我们快速上手使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64495