凡尘---json-server---基本使用

Posted Alley-巷子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了凡尘---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:"张三",
                }
           })

            

            

 

以上是关于凡尘---json-server---基本使用的主要内容,如果未能解决你的问题,请参考以下文章

凡尘---vue项目打包---基本使用---vue

vue---Object.defineProperty基本使用---凡尘

模块化开发------requireJS的基本使用------凡尘

git------git的基本介绍及linux的基本命令------凡尘

json-server的下载和基本使用

插件---- json-server基本使用