json-server是一個在前端本地運行，可以存儲json數據的server（服務器），該服務器只支持 get 方法獲取，不支持 post 方法獲取，使用express工具可以使用post方法。
Vue項目模擬服務器json-server的安裝即使用：
跟視頻學習的時，需要在vue項目build目錄下dev-server.js的文件中進行一系列配置，有的時候由於版本問題，找不到dev-server.js。下面用第二種方法，可以不用在dev-server年中進行配置：
第一步：全局安裝（在根目錄中安裝） npm install -g json-server
在項目中新建db.json放在與package.json同級目錄下，如圖（沒有報錯的情況下進行第二步）：
db.json文件內容（注：json中一定要是對象形式 { } 開頭的，不能是數組形式 [ ] 開頭）：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
{ "getBoardList":[ { "title":"開放產品", "description":"開放產品是一款開放產品", "saleout":false, "id":"car" },{ "title":"品牌營銷", "description":"品牌營銷幫助你的產品更好的找到定位", "saleout":false, "id":"earth" },{ "title":"使命必達", "description":"使命必達快速迭代永遠保持最前端的速度", "saleout":false, "id":"loud" },{ "title":"勇攀高峰", "description":"幫你勇攀高峰,到達事業的頂峰", "saleout":false, "id":"mounten" } ] } |
第二步：在項目中打開cmd使用 json-server --watch --port 3001 db.json 命令(注：這個cmd命令窗口是打開服務器的，不能關掉，否則頁 面中不顯示 json數據，另外運行項目的窗口也不能關掉)，輸出如圖內容，證明服務器開啟成功
第三步：在瀏覽器中的輸入模擬服務器地址：可看到如圖所示：
第四步：點開上面的json接口（或直接瀏覽器輸入json內容地址），就可以看到json內容了：
第五步：在根組件內獲取json
