jsonserver的安裝及啓動

JsonServer

　　主要的做用就是搭建本地的數據接口，建立json文件，便於調試調用

　　是一個 Node 模塊，運行 Express 服務器，能夠指定一個 json 文件做爲 api 的數據源

　　官網：https://www.npmjs.com/package/json-server

 

安裝全局的json-server

　　終端中輸入：npm install -g json-server（windows系統）

　　mac系統：則爲 sudo npm install -g json-server 以下圖：

　　

 

初始化package.json

 　　終端中進入所要存放文件的目錄

　　執行初始化命令：npm init

　　

　　給文件包取一個名字，其餘的默認 enter 就能夠

 

jsonserver 保存到本地

　　執行命令：npm install json-server --save

　　執行後打開 package.json 文件

　　將 scripts 中內容進行修改：

　　　　「json：server」 將最爲啓動時json-server時使用

　　　　db.json將作爲啓動後做爲服務器的數據進行使用

　　

 

 建立db.json 文件

　　在與package.json 同目錄下建立db.json 文件，並以 對象 的格式進行填充數據

　　

 

運行 json-server

　　終端中輸入：npm run json:server

　　

 

　　如上圖：home 地址：http://localhost:3000

　　resources 地址，即建立的db.json中數據所在位置：http://localhost:3000/product

　　瀏覽器中運行 http://localhost:3000 後：

　　

　　瀏覽器中運行 http://localhost:3000/product 後結果：

　　

　　以下圖，瀏覽器中每訪問一次，終端則會輸出對應的執行

　　

 

 postman 請求該接口

　　經過postman 請求該 API 發現數據確實來源於服務端