json-server-----》基本使用

【WangQi】---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:"张三",
                }
           })

            

            

 

posted @ 2019-03-28 17:52  我是一名好程序员  阅读(199)  评论(0编辑  收藏  举报