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

hiyayiji 發布于2019-08-22 17:57 / 1609人閱讀

摘要：在實現虛擬數據的功能里面已經非常出色了，具體的功能可以去主頁查詢，不再贅述。，在使用方法時，需要像數據庫那樣得到返回，而不是更改。這時候需要額外添加一個中間件在文件夾里，比如寫法如下然后在里面啟動中間件就可以了項目結構如圖

JSON-Server 在實現虛擬數據的功能里面已經非常出色了，具體的功能可以去JSON-Server github主頁查詢，不再贅述。

除了需要在根目錄下建mock文件夾，并且文件夾建db.json文件外，
這里主要講兩個配置需要注意的問題：
1，同時啟動端口監視與應用，需在package.json 里面做的更改：

"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就可以同時啟動了。

2，在使用post方法時，需要像數據庫那樣得到返回，而不是更改。這時候需要額外添加一個中間件在mock文件夾里，比如post-to-get.js,寫法如下：

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"

項目結構如圖：

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/95348.html

理解RESTful架構與json-server模擬REST api的使用

摘要：一什么是架構即的縮寫，我們把他翻譯為表述性狀態傳遞，是博士在年他的博士論文中提出來的一種軟件架構風格。是個無狀態的協議，所以狀態就保存在服務器端。只要少量的數據就可使用，支持和。同時支持，同時提供一系列的查詢方法如。一、什么是RESTful架構？ REST即Representational State Transfer的縮寫，我們把他翻譯為表述性狀態傳遞，是Roy Fielding博...

Atom 2019-08-21 16:24 評論0 收藏0
介紹兩大神器！——使用json-server和faker.js模擬REST API

摘要：今天發現了一個神器在他的幫助下可以在很短的時間內搭建一個然后就可以讓前端在不依賴后端的情況下進行開發啦關于什么是設計指南阮一峰簡單來說，是一個模塊，運行服務器，你可以指定一個文件作為的數據源。更多屬性可以查看這里好啦，基本就是這樣啦，今天發現了一個神器——json-server!在他的幫助下可以在很短的時間內搭建一個Rest API, 然后就可以讓前端在不依賴后端的情況下進行開發啦！...

sarva 2019-08-20 14:47 評論0 收藏0
用JSON-server模擬REST API(一) 安裝運行

摘要：曹縣宣布昨日晚間登日成功長江流域首次發現海豚支持黨中央決定抄寫黨章勢在必行為了方便，再創建一個文件，寫入然后使用到目錄下執行命令，如果成功會出現你的電腦中文件夾所在目錄的路徑如果不成功請檢查文件的格式是否正確。在開發過程中，前后端不論是否分離，接口多半是滯后于頁面開發的。所以建立一個REST風格的API接口，給前端頁面提供虛擬的數據，是非常有必要的。對比過多種mock工具后，我最終...

Sleepy 2019-08-19 18:36 評論0 收藏0
30秒無需編碼完成一個REST API服務

摘要：秒內無需編碼快速完成一個模擬的服務。這個服務主要是給那些需要快速的模擬原型后端接口的前端人員使用的安裝新建一個文件啟動服務到這一步秒不到吧，一個完整的就基本完成了。 JSON Server 30秒內無需編碼快速完成一個模擬的REST API服務。這個服務主要是給那些需要快速的模擬原型后端接口的前端人員使用的 GitHub：https://github.com/typicode/j.....

amuqiao 2019-08-22 18:17 評論0 收藏0