在前端开发中经常遇到需要后端服务还在开发无法联调的情况,这时只要知道服务器返回的数据格式,就能快速模拟伪造服务器的数据,大大提升你的工作效率。本文介绍方法仅针对Mac电脑
使用Mac系统自带apache服务器
其实Mac系统自带了apache服务,我们只需要简单的开启配置就可以使用了。具体使用步骤如下:
1、终端执行命令开启apache服务
sudo /usr/sbin/apachectl start
执行时需要输入密码,然后本地apache服务便已经开启,可以在浏览器中输入http://localhost查看

2、制造假数据并访问
其实本地apache服务是指向一个文件下/Library/WebServer/Documents。
localhost 访问的是该目录下的index.html。我们只要把假数据放到该目录下即可。
我这里用一个简单的test.json做个例子:
{
"ret": true,
"data": {
"swiperList": [{
"id": "0001",
"imgUrl": "http://img1.qunarzz.com/piao/fusion/1801/1a/94428c6dea109402.jpg_640x200_2cf590d8.jpg"
},{
"id": "0002",
"imgUrl": "http://img1.qunarzz.com/piao/fusion/1802/42/7c92b9a381e46402.jpg_640x200_1cdce2a4.jpg"
}]
}
}
把test.json文件放到/Library/WebServer/Documents目录下面就可以了,通过 前往->前往文件夹(输入/Library/WebServer/Documents)->直接把test.json拖入文件夹下就行,这个地方拖入时需要输入密码。然后直接访问 http://localhost/test.json就可以看到数据了


3、关闭apache服务
重启
sudo /usr/sbin/apachectl restart
关闭
sudo /usr/sbin/apachectl stop
其他方法简介:
1、使用node.js 自建服务器
2、使用线上平台mock数据 使用 easy-mock.com/ 模拟接口mock数据
3、使用抓包软件Charles的Map Local功能,将请求进行拦截,把响应数据转换为请求电脑本地的静态json文件