前端模擬後臺數據--JSON Server,POST,PUT,DELETE,GET

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

項目結構如圖:
圖片描述數據庫

相關文章
相關標籤/搜索