前端模拟数据模型-json-server-配置

项目开发过程中，前后端开发人员并行开发效率是不言而喻的，如果前端er，脚本提前完成，而后端er由于业务复杂接口还没有完成，那前端er就会出现等待状态。

如果两者可以将数据模型提前商量好，然后有一个工具可以模拟接口，那前端er就可以继续写异步交互的响应逻辑了。

之前项目开发工程中，都是商量好数据模型，写到txt文件里，放到静态资源文件夹的某个角落，一个接口就对应一个txt文件，一个项目下来，成片的txt。

json-server这个工具恰恰可以处理这种尴尬的场景，接着就说说json-在项目中的应用。

json-server项目中安装

npm install json-server --save-dev

进入项目根目录新建一个db.json文件，db可以根据自己命名习惯自由定义，里边添加如下数据：

{
"posts": [{
"id": 1,
"title": "lala",
"author": "typicode"
}],
"comments": [{
"id": 1,
"body": "some comment",
"postId": 1
}],
"profile": {
"message": "成功",
"data": [{
"id": 1,
"tabType": "all",
"tabName": "全部",
"isDelete": false
}],
"status": "success"
}
}

打开项目中package.json修改如下代码：

"scripts": {
"server": "json-server db.json",
"test": "echo \"Error: no test specified\" && exit 1"
}

启动服务，即执行如下命令：

npm run server

如下样子，恭喜你成功啦！

接口现在支持方式

post、get、delete、put、patch方式。

好啦，现在请尽情的在db.json中自由的编写数据模型吧。