json-server的使用

小影影發表於2024-10-10
JSONServer

1. 簡介

json-server可以幫助前端快速的mock資料，快捷方便

2. 安裝

可以透過 npm 或者 yarn 安裝

npm i json-server -g

3. 資料

在專案的根目錄下建立一個資料夾，名字隨意，可以叫做db

然後再db目錄下新建一個 index.json ，在裡面定義要模擬的資料

例

{
    "list": [
          {"id": 1, "name": "迪麗熱巴", "age": 25},
          {"id": 2, "name": "古力娜扎", "age": 28}
      ]      
}

4. 啟動

在專案的根目錄下執行

json-server --watch db/index.json

5. 請求

就可以對請求路徑 http://localhost:3000/list 進行操作，包括增刪改查

相關文章