JSON-server 的简单使用:
1. 全局安装: cnpm install JSON-server -g
2. 创建文件夹 / 文件 server/data.JSON
在 data.JSON 文件中手动添加一些数据: 例如:
- {
- "list":[
- {
- "name":"苹果",
- "price":22
- },
- {
- "name":"香蕉",
- "price":30
- },
- {
- "name":"雪梨",
- "price":60
- }
- ]
- }
3. 在 server 文件夹内打开 cmd 命令窗口, 运行 JSON-server data.JSON; 每当 data.JSON 文件手动改变, 都得重新运行
4. 增删改查: get 查, post 增, delete 删, patch 修改部分数据, put 全部数据替换
例如:
- axios({
- method:"get",
- url:"localhost:3000/list"
- }).then((data)=>{console.log(data)})
- axios({
- method:"post",
- url:"http://localhost:3000/list",
- data:{name:"苹果",price:"22"}
- })
- axios({
- method:"patch",
- url:"http://localhost:3000/list/1",
- data:{name:"脐橙"}
- })
其中常用的 url 的形式有:
全部数据: localhost:3000/list
指定 id: localhost:3000/list/1
指定条件: localhost:3000/list?name = 李四 & name = 张三
模糊查询: localhost:3000/list?q = 张
来源: http://www.bubuko.com/infodetail-2969386.html