首页 > Web开发 > 详细

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

时间：2018-11-09 00:04:58 阅读：330 评论：0 收藏：0 [点我收藏+]

标签：技术分享 -- div word http 指定字段 json 分享 pass

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

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

二、解决方法

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

标签：技术分享 -- div word http 指定字段 json 分享 pass

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

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！