|
今天处理一个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}这种写法写多了，就顺手又这样写了。
|