分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

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

发布时间:2023-09-06 02:21责任编辑:郭大石关键词:jsjson

一、前后端并行开发的痛点

  前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑

二、解决方法

  在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端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---基本使用

原文地址:https://www.cnblogs.com/nanianqiming/p/9932696.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved