vue给spring传单属性数组

今天处理一个vue给spring后台传单属性数组的问题,处理了好几个小时,最后终于醒悟了,记录一下。

很久很久以前,大概是三年前吧,处理过一次,后来就没再处理过,今天又遇到这个问题,忘记了怎么处理了,被折磨了好久,属实是难受,记录一下,防止以后再忘记,如果能帮到别人就更好了。

vue给spring后台传送POJO对象数组的问题,很简单,打成JSON串,后台以POST方式接收参数的时候,加个@RequestBody就OK了。

vue以GET方式给spring后台传送单属性数组就有点恶心了,这里的单属性是指形如String、Long、Integer这种没被封装成POJO对象的,如果后台使用数组(String[] arr)接收,前端直接在请求接口的时候拼上就行了,后台接收参数时不用做特殊处理。如果后端是用集合(List list)接收参数,前端依然不需要做特殊处理,将数组拼到接口后面就行了,但是后端要加上@RequestParam。这里有两个大坑,一是,必须要是GET方式传参,二是,axios的写法,axios一定要这样写:
let arr = [1,2,3]
axios.get(‘url?list=’+arr)
不能这样写:
let arr = [1,2,3]
axios.get(‘url’, {params:arr})

因为这种写法,axios会将参数解析成键值对,但是,我们的数组又没有设置键名,所以,axios默认会以0,1,2…这种数字给值赋键名,这就会导致你请求的路径变成如下形式:
url?0:list=1&list=2&list=3
发现了吗?这里莫名其妙的多出了一个“0:”。这是个大坑,我找为什么会多出来一个“0:”这个问题找了三个小时,终于恍然大悟。唉,说起来还是自己太菜。
但是我们想要的是这种形式:
url?list=1&list=2&list=3(这种形式要用qs.Stringify({list:arr},{arrayFormat:‘repeat’}))
或者是
url?list=1,2,3(这种形式不需要任何处理,更简单一点)
所以,一定要注意axios的写法,不要因为{params:param}这种写法写多了,就顺手又这样写了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值