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 删除