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

时间:2024-03-27 09:29:50

使用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
使用axios对json-server的增删改查

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

解决方法 上面加id值
使用axios对json-server的增删改查
1根据选择的名字
2获取到对应的id值
3根据id值获取的地址
这样就不报404错误了

4、修改命令 patch
首先要在json-server中定义如下数据:
使用axios对json-server的增删改查
接下来就发请求
使用axios对json-server的增删改查
this.addressData是在data中定义的对象
this.$route.query.item.id是传过来的id

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

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

如果url写成https://localohost:3000/addressList?id=01001
则会返回一个数组,就会报错如下
使用axios对json-server的增删改查