JsonServer

JsonServer主要的作用就是搭建本地的数据接口,创建json文件,便于调试调用
JsonServer使用详解 棒棒棒
1、npm install -g json-server 安装全局的json server
2、初始化package.json
npm init

3、安装模块json server
npm install json-server --save (将它存到当前 package.json)
4、scripts
“scripts”: {
“json:server”: “json-server --watch db.json”,//起个名 启动时用
“json:server:remote”: “json-server http://jsonplaceholder.typicode.com/db” //将json placeholder 里的数据拿到本地
},
5、创建db.json {
}
6、启动jsonserver
npm run json:server
用个JsonPlaceholder 是 npm run json:server:remote

操作数据 post put patch delete
POST 方法,常用来创建一个新资源。
在页面的输入框中输入新的水果名称和价格,通过post添加到db.json中。
PUT ,若存在 就替换,不存在就新增。注意PUT方法会更新整个资源对象,若前端没有提供完整的资源对象,缺失的字段将会被清空。
PATCH 新引入方法。对PUT方法的补充,只更新前端提供的字段。若前端没有提供完整的资源对象,缺失的字段将不会被更新。
DELETE 删除

JSON 教程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值