在前后端分離的這種工作模式下,分工明確,各司其職。前端負責展示數據,后端提供數據。然而,在這種過程中對於接口的規范 需要提前制定好。例如根據規范提前模擬數據,這個時候就比較麻煩的。JsonServer這個比較NB了,它可以快速搭建服務端環境,創建json文件,便於調用。下面是使用過程:
首先安裝Node.js (https://nodejs.org/en/)
其次安裝JsonServer
npm install -g json-server
然后CD到項目文件夾下 cd..
json-server --watch data.json
在項目文件夾下可以看到 db.json文件
{ "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some comment", "postId": 1 } ], "profile": { "name": "typicode" } }
在瀏覽器地址欄輸入:http://localhost:3000即可查看