axios使用qs解决数组传参问题

今天在开发vue项目的时候出现问题:
在这里插入图片描述
经测试发现是params中携带数组出现的问题。
使用qs.stringify处理数组可以解决问题。

在这里插入图片描述
URL是这样的:http://localhost:8080/api/hotel/search?timeStart=1592651562020&timeEnd=1608203562021&star=One&star=Two&star=Three&star=Four&star=Five&lowerPrice=0&highPrice=10000&rate=0&name=

paramsSerializer

paramsSerializer对params每个键值对进行处理
如果直接对整个params进行qs.stringify的话:

params就只剩下一个key 0
在这里插入图片描述

indices: false

indices: false可以取消URL里数组的下标,如果不这么处理,后端收不到这个数组(名字因为加了下标而不匹配)

Share