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 發現數據確實來源於服務端

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM