文章目錄

• 簡介
• 官網地址：
• 安裝指令：
• 官網示例

簡介

  在我們以往的前端開發中，經常會用到向後臺請求資料的操作，而後臺並非每時每刻都能提供我們所使用的資料，比如說假如後臺還沒有編寫好該前端呼叫所需要的後臺api介面，實際上這是前後端在互動時經常會遭遇到的事情。而在眼下越來越火的前後端分離式的開發中，這種問題出現的概率往往更改，而這也成了其制約專案開發週期的一個很嚴重的瓶頸，而此時的JSON Server就是為了解決這一問題而存在的。

  JSON Server允許前端開發人員以模擬後臺資料請求的方式訪問json檔案，其為我們提供了比較豐富的仿後臺資料操作，比如說基本的CRUD

官網地址：

  JSON Server的官方GitHub原始碼與文件地址如下：

• JSON Server

安裝指令：

  JSON Server的安裝指令如下：

cnpm install -g json-server

  檢視安裝的結果：

json-server -v

  當我們看到下面的結果時，其就說明我們的JSON Server已經安裝成功。

官網示例

  在使用JSON Server的時候比較簡單，其使用方法是在檔案根目錄的db.json

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

  啟動JSON Server

json-server --watch db.json

  其啟動後在控制檯中展示的資訊內容如下：

  當我們在瀏覽器中訪問http://localhost:3000/posts/1