專案開發過程中，前後端開發人員並行開發效率是不言而喻的，如果前端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中自由的編寫資料模型吧。