本文已参与「新人创作礼」活动，一起开启掘金创作之路。

背景

在日常的前端开发中，会遇到后端接口来不及提供的情况，这时需要通过工具模拟接口数据。

举例：

线上 api： www.abc.com/api/user/in…

本地有 api：http://0.0.0.0:7070/api/user/info

当前端发送请求 www.abc.com/api/user/in… 时，实际接受到的数据来自本地的接口 http://0.0.0.0:7070/api/user/info

前提：安装 Mockoon + LightProxy

Mockoon

Mockoon 是一款在本地运行，并模拟 API 的软件，无需远程部署。

基础使用

1. 建一个环境，如 test

2. 配置 host + port，一般建一个环境的时候，默认配置来。

3. 建一个请求

请求方式、path、Response Body

4. 运行

点击左上角的绿色三角形或者黄色的重启按钮，在浏览器中打开配置的 http://localhost:3003/user ，就可以看到我们配置的数据了。

浏览器效果如下图所示：

进阶

有时候我们并不需要模拟所有的 API 请求，只需模拟特定的 api，这是我们可以使用 Mockoon 的代理模式，Mockoon 将拦截所有已经定义的路由，其他没有定义的路由就转发到代理服务器上。

LightProxy

LightProxy 是阿里巴巴 IFE 团队开发的一款基于 Electron 和 whistle 开源的桌面代理软件，可自动完成证书安装和代理设置，通过 HTTP 代理规则转发、修改每个请求和响应的内容。

访问 www.abc.com/api/user/in… 就可以看到我们配置的数据了。

小结

至此，至此我们就可以完成对一个线上 API 的模拟请求。

使用 Mockoon 搭建一个 http server，通过 LightProxy 转发请求