同「Day5-試試Vue3-建立會員API」與「Day13-試試Vue3-建立餐廳API」篇採用 json-server 方式建立 API。

(1)新增 userRes.json 檔案建立資料
專案根目錄/ db 資料夾底下新增 userRes.json 的 json 格式檔案於該資料夾。

將會員 API 的會員資料複製到會員餐廳 API 裡，並於屬性 id 後面新增屬性 "userRestaurants": [] 來存放會員所選的口袋餐廳名單，其屬性值同餐廳 API 會以物件方式紀錄各家餐廳資訊。這步驟是在本地端建立。
資料內容為會員名稱、電子郵件、密碼、餐廳名單等屬性。

{
  "userRes": [
    {
      "name": "mary",
      "email": "mary@gmail.com",
      "id": 1,
      "userRestaurants": []
    },
    ...
    {
      "name": "jay",
      "email": "jay555@gmail.com",
      "id": 4,
      "userRestaurants": []
    }
  ]
}

(2)終端機啟動 JSON API 伺服器
目前專案有會員、餐廳、會員餐廳共三個 API ，同一台電腦不能運行兩個以上相同通訊埠的 json-server ，所以新增第三個 json-server 也需指派不同的通訊埠。

開啟三個（windows系統）命令提示字元分別執行以下指令。

cd 路徑...\db
json-server --watch db.json --port 3000

cd 路徑...\db
json-server --watch restaurant.json --port 3001

cd 路徑...\db
json-server --watch userRes.json --port 3002

註：一定要在執行「啟動 JSON API 伺服器」情況下才能連上/執行這些 API 。