mock数据(faker数据),即使用假数据来模拟后台的数据。
为什么要做假数据?因为后端开发接口并产出接口文档没有哪么快,此时就需要我们自己来模拟请求数据。模拟的数据字段、格式等,需要和后端工程师沟通。这样,我们可以先通过模拟的数据继续完成前端的工作任务,待后端工程师写好数据接口并提供了接口信息后,我们只需要修改请求地址,前后端就实现了无缝衔接。
安装json-server帮助我们快速启动一个web服务
// 安装一下
npm i -g json-server
// data.json
{
"data": {
"id": 1,
"name": "测试mock数据",
"age": 20
}
}
json-server data.json
mock数据
在package.json文件中的scripts中配置启动命令
{
scripts:{
"mock": "json-server ./src/mock/data.js --port 9090"
}
}
启动web服务
npm run mock