做為一個前端工程師，很多時候後端還沒有那麼快寫好介面，我們就需要自己mock資料。json-server就可以指定一個 json 檔案作為 api 的資料來源，模擬服務端介面資料。

如何使用？

1 使用 npm 全域性安裝 json-server（前提是已經安裝好了node環境）

或者：

cnpm install -g json-server

如果有淘寶映象用cnpm 沒有的話用 npm（最後下一個淘寶映象，不然慢到下載不了）

使用cnpm需要開啟檔案進入到PoweShell執行

2安裝後可以使用命令json-server -h檢測是否安裝成功，成功後會出現如下圖：

3初始化

3-1上面安裝好json-server後，接著建立一個專案叫jsonserver（名字當然隨便起）通過npm init --yes

3-2安裝依賴模組 ：npm install json-server --S安裝完成後在專案中會生成 node_modules 所需要的依賴，在 package.json 檔案的 dependencies 會有 json-server 及版本號

4建立 JSON 資料，作為 API 的資料來源

在 jsonserver 資料夾下建立 db.json 檔案，並寫入 json 資料：

{
"users": [
{
"name": "a",
"id": 1
}
]
}

注意：資料格式符合JSON 格式（尤其注意最後一個鍵值對後面不要有逗號），key 和 value 值都要雙引號

5修改配置檔案

開啟 package.json 檔案，將 scripts 進行如下配置

可複製下面：

"json:server": "json-server --watch db.json",
"json:server: remote": "json-server http://jsonplaceholder.typicode.com/db" 

json-server 預設是 3000 埠，我們也可以自己指定埠，指令如下：

json-server --watch db.json --port 3004

6執行 json-server

執行

npm run json:server

執行成功，提供一個埠為 3000 的地址,下面這個就是介面文件

試著呼叫一下，為他增加點資料：