[指南] 前端開發必備 JSONPlaceholder 讓你輕鬆獲取假資料填充網頁 @地瓜大的飛翔旅程

章節連結

前端開發中，若遇上需要模擬資料來填充畫面的場景，可能寫在程式碼中渲染，要不就是自架一台簡易的 Server 來模擬存取資料。JSONPlaceholder 是一個免費的模擬 API Server 服務，可以節省你開發中不少的時間。

內容

1. 你可以使用 fetch, axios…等工具，呼叫 api 來進行測試

fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => response.json())
  .then(json => console.log(json))

fetch('https://jsonplaceholder.typicode.com/todos/1')

.then(response => response.json())

.then(json => console.log(json))

2. JSONPlaceholder 有提供 6 種資料 ( post, comment, album, photo, todo 和 user )，同時彼此間有一定的關聯性。你可以點選 Guide 來查看。

如果以上的資料還是滿足不了你的需要，你可以上其 Repo 將其程式碼載入下來放於你的本機端來執行。

按讚加入粉絲團