“开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 1 天，点击查看活动详情”
一、为啥造数据？
一般项目伊始，后端接口数据没出来，前端有些手速快的同学已经把ui样式完成后就去摸鱼了，被逮着又距离N+1更近一步哈哈，又或者我们想看看数据量的大小是否影响我们的布局样式等等。
二、用什么造？
1、Express+mock
Express是Node.js的应用程序框架，作为前端同学都应该不陌生，mock就是我们的主力选手，专为数据而生。
我们首先搭建一个简单的express项目出来，确保电脑中安装了node，选择一个文件夹，输入cmd，接着cmd中输入 express 项目名称，就ok了。
根据提示把node_modules文件导入并启动项目后，我们可以在进行配置优化。
根据图中所示，我们可以改变我们的端口号，防止和项目的端口号冲突，最后利用npm安装一个nodemon启动我们的服务express就简单的搭建好了。
然后是mock我们用npm安装好之后，routes文件夹中新建也可以（需在app.js中引入路由文件夹），我一般偷懒就使用express初始化完成的，导入mock.js后再任意get方法内写上我们需要的mock数据代码就ok了。
注意get和post的区别，这里我用的get所以直接浏览器搜索localhost:8888/users数据就出来了，这里端口号就是前面自己设定的，users是目录文件夹名称也是一级路由。
2、Apifox
它是款（接口联调+数据模拟+自动化测试）神器，具体操作软件内会介绍，这里就不一一赘述了。
vue和react项目内也是可以通过路由模拟mock的，我个人觉得比较麻烦，所以很少用那两种方法，有知道的同学可以留言链接我去点点赞。
