zoukankan      html  css  js  c++  java
  • 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:"张三",
                    }
               })

                

                

  • 相关阅读:
    【重学计算机】计组D2章:数据表示
    【重学计算机】计组D1章:计算机系统概论
    计算机底层原理杂谈(白话文)
    阿里云安装wordpress遇到的问题
    wordpress数据表结构
    家用计费系统ER图
    java 类中的属性为什么一般都是私有的
    centos 软件库安装
    linux下启动tomcat----Cannot find ./catalina.sh
    jfreechart图表汉字乱码问题解决方案
  • 原文地址:https://www.cnblogs.com/liuhaov/p/13503297.html
Copyright © 2011-2022 走看看