【巷子】---json-server---基本使用


一、前后端並行開發的痛點

  前端需要等待后端開發完接口以后 再根據接口來完成前端的業務邏輯

二、解決方法

  在本地模擬后端接口用來測試前端效果 這種做法稱之為構建前端Mock
 
三、json-server的基本使用
  
  (1)、全局安裝
  cnpm install json-server -g
 
  (2)、准備json文件 (data.json)
  json-server data.json
 
四、基本使用
  
  1、GET 請求所有數據
 
    localhost:3000/list
 
  2、GET 請求指定ID的數據
      
     localhost:3000/list/1
 
  3、GET 請求指定字段值的數據
      
    localhost:3000/list?name=李四&name=張三
  
  4、GET 模糊查詢
      
    localhost:3000/list?q=張三
 
            

 

  5、新增數據

  

      axios({
              method:"post",
              url:"http://localhost:3000/list",
              data:{
                  username:"張三",
                  password:"33"
              }
          })

           

   6、刪除數據

      

        axios({
                method:"delete",
                url:"http://localhost:3000/list",
                data:{
                    username:"張三",
                }
            })

            

   7、修改數據

    

        axios({
                method:"put",
                url:"http://localhost:3000/list",
                data:{
                    username:"張三",
                }
           })

            

            

 


免責聲明!

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



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