博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue.js----vue中json-server的简单使用
阅读量:5121 次
发布时间:2019-06-13

本文共 918 字,大约阅读时间需要 3 分钟。

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=张

转载于:https://www.cnblogs.com/snowstorm22/p/10441389.html

你可能感兴趣的文章
团队项目冲刺第十天
查看>>
自定义ComboBox,简简单单实现
查看>>
vue 微信支付
查看>>
Process 2(完成版)
查看>>
12 总结
查看>>
2 [文件]-文件操作
查看>>
about
查看>>
dp核心问题研究-从入门到放弃
查看>>
找出谁删除了某个表
查看>>
SQL Server 诊断查询-(3)
查看>>
异步FIFO
查看>>
正则表达式2
查看>>
2.1.3 Sorting a Three-Valued Sequence
查看>>
类型转换 上转型对象
查看>>
子元素浮动,父级元素为0怎么解决
查看>>
MIUI2.3.7系统后有部分程序不能移动到SD卡中的解决
查看>>
常用快捷键
查看>>
Horovod 通信策略
查看>>
try...cath...finally中的return什么时候执行
查看>>
数据结构-堆排序
查看>>