JSON-Server 在實現虛擬數據的功能裏面已經很是出色了,具體的功能能夠去JSON-Server github主頁查詢,再也不贅述。node
除了須要在根目錄下建mock文件夾,而且文件夾建db.json文件外,
這裏主要講兩個配置須要注意的問題:
1,同時啓動端口監視與應用,需在package.json 裏面作的更改:webpack
"scripts": { "dev": "node build/dev-server.js", "build": "node build/build.js", "mock": "json-server --watch mock/db.json --m mock/post-to-get.js", "mockdev": "npm run mock | npm run dev" }
這樣,在啓動webpack時寫npm run mockdev就能夠同時啓動了。git
2,在使用post方法時,須要像數據庫那樣獲得返回,而不是更改。這時候須要額外添加一箇中間件在mock文件夾裏,好比post-to-get.js,寫法以下:github
module.exports = function (req, res, next) { req.method = "GET"; next(); }
而後在package.json裏面啓動中間件就能夠了:"mock": "json-server --watch mock/db.json --m mock/post-to-get.js"web
項目結構如圖:
數據庫