使用axios对json-server的增删改查

使用axios对json-server的增删改查

1、获取信息 get命令
axios.get(‘http://localhost:3000/tableData’)
.then((res)=>{
console.log(‘数据’,res)
let Date = res.data//获取到的信息赋值给表单
})

2、增加数据 post命令
post命令一直报错500错误，有id值才行
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191205122131375.png

3、删除命令 delete
delete也报了错误 一直404
问题是虽然一直报404 但我点开 是能找到数据的

解决方法 上面加id值

1根据选择的名字
2获取到对应的id值
3根据id值获取的地址
这样就不报404错误了

4、修改命令 patch
首先要在data中定义如下数据：

接下来就发请求

this.addressData是在data中定义的对象
this.$route.query.item.id是传过来的id

注意：
传入的数据必须是json对象格式

故请求地址必须写成这种格式
例如： https://localohost:3000/addressList/01001
这样就会返回一个json格式的数据

如果url写成https://localohost:3000/addressList?id=01001
则会返回一个数组，就会报错如下