解决get传参有数组问题

传参是数组

日常开发过程中，我们经常碰到参数是数组的情况。如果这时候接口method为post，那么就没什么问题，参数会被放到body里面。但当method为get时，参数会拼接到url上面，这时候如果不做出来处理会报400，导致接口出错。

引入qs

其实解决这个问题很简单，我们只要在传参前用qs处理一下即可。我们先简单了解一下qs，qs是可以将普通的object序列化为一个查询字符串，还可以反过来将查询字符传解析为一个Object。所以通过qs的序列化我们就能把传参中的数组处理。

解决方法

首先我们在项目中引入qs，npm i qs 或者yarn add qs。然后再axios请求前加上下面的代码即可。

if (config.method === 'get') {// If method is get，and params is Array(arr[1,2])， transform arr=1 & arr=2config.paramsSerializer = function(params) {return qs.stringify(params, { arrayFormat: 'repeat' })}}

需要说明的是，这个是对axios进行了二次封装，放在axios的请求拦截axios.interceptors.request里面的。如果直接用的aixos的话，我们直接用qs处理一下参数即可。

query = qs.stringify(params,{arrayFormat:'repeat'})

解决get传参有数组问题相关推荐

jmeter测试接口--form表单提交请求（解决请求传参为空的问题）
jmeter测试接口--form表单提交请求(解决请求传参为空的问题) 参考文章: (1)jmeter测试接口--form表单提交请求(解决请求传参为空的问题) (2)https://www.cnbl ...
一篇让你弄明白C语言指针传参和数组传参~
文章目录前言 ⭐️指针传参和数组传参 ⭐️一维数组传参 ⭐️一级指针传参 ⭐️一道经典的指针传参相关题目 ⭐️二维数组传参 ⭐️函数指针!!! ⭐️一个有趣的代码!(*(void( * )())0) ...
解决POSTMAN传参报错，JSON parse error: Cannot deserialize instance of `java.util.ArrayList` out of START_OB
前言:使用POSTMAN自测代码以便前后端联调时,发送请求后,BOOM!!!服务器抛了个这样式的东西出来. Resolved [org.springframework.http.converter.H ...
python 传参数组_python传参为数组-女性时尚流行美容健康娱乐mv-ida网
女性时尚流行美容健康娱乐mv-ida网 mvida时尚娱乐网首页美容护肤化妆技巧发型服饰健康情感美体美食娱乐明星八卦首页 > 高级搜索 python 替换字符为空 ...
jfinal ajax传值,JFINAL+Ajax传参 array 数组方法获取request中数组操作
前台代码js var _list =[]; for (var i = 0; i < array.length; i++) { _list[i] = array[i]; } $.ajax({ ty ...
数组传参(一维数组、二维数组)
目录 1.一维数组传参 2.二维数组传参 1.一维数组传参调用方式以及传递参数如下,我们需要考虑的是如何设计这个函数,不同的理解方式会有不同的设计方式.下面就从两个角度来设计 int ...
C/C++ 一维数组的传参/一级指针的传参二维数组的传参/二级指针的传参三维数组的传参/三级指针的传参方法总结分析终极篇
序最近复习c/c++数组的传参,发现了一些问题,下面是一些总结和思考正文一维数组的传参/一级指针的传参/普通指针在理解指针的基础上,一维数组的指针传递很简单,我们知道数组的数组名就是这个数组首 ...
指针进阶（指针与数组传参、数组指针与指针数组、函数指针数组、回调函数的辨析）
指针指针作为C语言中极具代表性的特征之一,也是C语言学习中的一大难点. 简单来说,指针我们需了解的最基础的即: 指针是一个用来存放地址的变量,地址唯一标识一块内存空间. 指针的大小是固定的4/8个字 ...
vue传参字符串数组
前台vue 往后台传参时传递是一个字符串数组,后台如何接受前台参数写法是固定的: var idslist = []; idslist.push("1"); idslist.pu ...

解决get传参有数组问题

传参是数组

引入qs

解决方法

解决get传参有数组问题相关推荐

最新文章

热门文章