JsonServer 主要的作用就是搭建本地的數據介面，創建json文件，便於調試調用 是一個 Node 模塊，運行 Express 伺服器，可以指定一個 json 文件作為 api 的數據源 官網：https://www.npmjs.com/package/json-server 安裝全局的jso ...
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 發現數據確實來源於服務端
