vue 循环遍历多层json_vue中,获取的json-server多层嵌套JSON数据增删查改。

问题描述

使用json-server将json变成一个服务,可以根据后缀不同获取到不同的数据,而axios可以对数据进行操作。

!!!!!!!!!!!但是!!!!!!

对于多层嵌套的json数据如何进行增删查改?因为通过http://localhost:3001/config/user,是获取不到里面的数据

数据如下:

server.json

{

"config": {

"id":"config",

"name":"config",

"user": [

{

"id":"user"

"IP": "192.168.200.176",

"Port": "8080"

}

],

"tool": [

{

"IP": "localhost",

"Port": "8080",

"LocateNodePort": "1114",

"SettingNodePort": "1228"

}

]

},

}

问题出现的环境背景及自己尝试过哪些方法

想增加一个新的user对象,却不知道在json-server和axios中如何实现

可以读出来,并且我做成了树形表格,

问题是如何通过axios对json-server提供的接口进行增删改?

注:单层可以实现

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

实现多层json的增删改。只能查,不懂怎么增删改

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值