json server 的簡單使用

2021-09-05 11:09:58 字數 1117 閱讀 3906

做前端的,有時候後台沒有資料,但是呢我們有不可避免的使用虛擬的資料(mock資料)。我們並不想使用簡單的靜態資料,而是希望自己起乙個本地的 mock-server 來完成模擬請求以及響應請求的過程。json-server 是可以替代我們完成這一工作的工具。我們只需要自己寫乙個 json 檔案,或者寫幾行簡單的 js 指令碼就可以模擬出 api 介面。

安裝 json-server

這個在你的專案的根目錄安裝就行了。

npm install -g json-server

檢測一下安裝版本:json-server -v

建立乙個db.json

在你的專案資料夾中建立乙個db.json檔案

,,

]}

啟動 json-server

在當前資料夾輸入以下命令:

注:後邊這個 db.json 就是你 db.json 的檔案路徑,如果放在其他資料夾中,要把路徑寫對!

json-server db.json

控制台輸出如下,表示啟動成功:

輸出這些表明我們的 json-server 已經啟動成功,我們可以通過瀏覽器或者其他軟體傳送請求,獲取相應的資料。

容易踩坑的點

在啟動 json-server 的時候,我們最好不要簡單的啟動就行了,我們最好要實時監測 db.json 的變化,就是使用 --watch 命令;如果沒有監測的話,即使 db.json 已經發生了改變,重新請求,仍然會返回原先的模擬資料,返回狀態碼 304 ,認為沒有變化。

啟動 db.json,並且實時監測 db.json 的變化json-server --watch db.json

我們可以傳送 post、put、patch和delete請求,相應的結果會自動儲存到db.json 檔案中。

到這裡已經可以做簡單的模擬資料請求了。

json server的基本使用

npm i g json server在電腦合適的位置建立乙個資料夾,盡量是英文 在資料夾中建立乙個db.json,並進行編輯 當我們在db.json中寫入以下內容時,未來會給你我們提供下列介面 get books 獲取所有資訊 get books id 獲取單個資訊 post books 新增資料...

json server的基本使用

npm i g json server在電腦合適的位置建立乙個資料夾,盡量是英文 在資料夾中建立乙個db.json,並進行編輯 當我們在db.json中寫入以下內容時,未來會給我們提供下列介面 get books 獲取所有資訊 get books id 獲取單個資訊 post books 新增資料 ...

json server使用簡介

json server是一款基於node.js的伺服器,為前端開發人員可以提供乙個高 的restful後台服務 資料原型 最讓人歡欣的是,整個服務的搭建過程不需要編寫任何 最快只需要1分鐘。本文以json server為主線,講解一下json server的搭建過程。該伺服器是基於node.js的,...