国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端模擬后臺(tái)數(shù)據(jù)--JSON Server,POST,PUT,DELETE,GET

hiyayiji / 1608人閱讀

摘要:在實(shí)現(xiàn)虛擬數(shù)據(jù)的功能里面已經(jīng)非常出色了,具體的功能可以去主頁(yè)查詢,不再贅述。,在使用方法時(shí),需要像數(shù)據(jù)庫(kù)那樣得到返回,而不是更改。這時(shí)候需要額外添加一個(gè)中間件在文件夾里,比如寫法如下然后在里面啟動(dòng)中間件就可以了項(xiàng)目結(jié)構(gòu)如圖

JSON-Server 在實(shí)現(xiàn)虛擬數(shù)據(jù)的功能里面已經(jīng)非常出色了,具體的功能可以去JSON-Server github主頁(yè)查詢,不再贅述。

除了需要在根目錄下建mock文件夾,并且文件夾建db.json文件外,
這里主要講兩個(gè)配置需要注意的問題:
1,同時(shí)啟動(dòng)端口監(jiān)視與應(yīng)用,需在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"
  }

這樣,在啟動(dòng)webpack時(shí)寫npm run mockdev就可以同時(shí)啟動(dòng)了。

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

module.exports = function (req, res, next) {
  req.method = "GET";
  next();
}

然后在package.json里面啟動(dòng)中間件就可以了:"mock": "json-server --watch mock/db.json --m mock/post-to-get.js"

項(xiàng)目結(jié)構(gòu)如圖:

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/95348.html

相關(guān)文章

  • 理解RESTful架構(gòu)與json-server模擬REST api的使用

    摘要:一什么是架構(gòu)即的縮寫,我們把他翻譯為表述性狀態(tài)傳遞,是博士在年他的博士論文中提出來的一種軟件架構(gòu)風(fēng)格。是個(gè)無狀態(tài)的協(xié)議,所以狀態(tài)就保存在服務(wù)器端。只要少量的數(shù)據(jù)就可使用,支持和。同時(shí)支持,同時(shí)提供一系列的查詢方法如。 一、什么是RESTful架構(gòu)? REST即Representational State Transfer的縮寫,我們把他翻譯為表述性狀態(tài)傳遞,是Roy Fielding博...

    Atom 評(píng)論0 收藏0
  • 介紹兩大神器!——使用json-server和faker.js模擬REST API

    摘要:今天發(fā)現(xiàn)了一個(gè)神器在他的幫助下可以在很短的時(shí)間內(nèi)搭建一個(gè)然后就可以讓前端在不依賴后端的情況下進(jìn)行開發(fā)啦關(guān)于什么是設(shè)計(jì)指南阮一峰簡(jiǎn)單來說,是一個(gè)模塊,運(yùn)行服務(wù)器,你可以指定一個(gè)文件作為的數(shù)據(jù)源。更多屬性可以查看這里好啦,基本就是這樣啦, 今天發(fā)現(xiàn)了一個(gè)神器——json-server!在他的幫助下可以在很短的時(shí)間內(nèi)搭建一個(gè)Rest API, 然后就可以讓前端在不依賴后端的情況下進(jìn)行開發(fā)啦!...

    sarva 評(píng)論0 收藏0
  • JSON-server模擬REST API(一) 安裝運(yùn)行

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

    Sleepy 評(píng)論0 收藏0
  • 30秒無需編碼完成一個(gè)REST API服務(wù)

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

    amuqiao 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<