此乃用於快速建立假 REST API,以測試前端開發程式碼。
方法
利用 npm 安裝 json-server 於 devDependencies。
npm install json-server --save-dev
更新後的 package.json:
{
"name": "your-project",
"version": "0.1.0",
"private": true,
"devDependencies": {
"json-server": "^0.16.3"
}
}
建立 db.json
{ "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some comment", "postId": 1 } ], "profile": { "name": "typicode" } }
為方便使用 json-server,加入指令到 package.json
{
"name": "practice-2020-dec-nextjs",
"version": "0.1.0",
"private": true,
"scripts": {
"mock-server": "json-server --watch ./db.json -p 4001 -d 3000"
},
"devDependencies": {
"json-server": "^0.16.3"
}
}
指令解釋:
-p 4001 為使用 localhost:4001
-d 3000 為反應時間 3000 毫秒
執行指令:
npm run mock-server