前端模拟数据模型-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中自由的编写数据模型吧。