Vue向后台传递数组参数（vue 传参数）

ccwgpt 2024-10-25 10:38 60 浏览 0 评论

今天在做Vue+Element UI+Jfinal框架的项目中，遇到数组参数无法传递到后台的问题，经排查原因，是因为request中的headers的Content-Type导致的，我的默认的Content-Type如下：

application/x-www-form-urlencoded;charset=UTF-8

如果按照“application/x-www-form-urlencoded”类型向后台传递参数，并用qs.stringify序列化参数，如传递数据name=['1','2','3']，会被转换成：name[0]=1&name[1]=2&name[2]=3，如果你在后台定义对应的List<String> name;是无法获取传递的值。

解决办法：在向后台请求前进行拦截，并判断是否用其他类型进行传递，如JSON格式或form-data等，这里传递数组时采用JSON格式，对参数不进行序列化。

var flag = config.headers['Content-Type'] && config.headers['Content-Type'].indexOf('application/json') !== -1;
if (!flag) { //如果参数不是JSON格式，则需要格式化
	var mult = config.headers['Content-Type'] && config.headers['Content-Type'].indexOf('multipart/form-data') !== -1;
	if (!mult) { //如果参数不是文件格式的，则需要格式化
		config.data = qs.stringify(config.data);
	}
}

在调用请求时添加请求头：

export function test(data) {
	return request({
		headers: {
			'Content-Type': 'application/json'
		},
		url: '/test',
		method: 'post',
		data: data
	});
}

jfinal框架

上一篇：推荐Java开源CMS框架，提升网站专业度和效率
下一篇：JAVA SSO单点登录简单案例（java实现sso单点登录）

Vue向后台传递数组参数（vue 传参数）

相关推荐

取消回复欢迎你发表评论:

使用cheat engine修改unity游戏（cheat engine教程）

1分钟了解Tableau

钉钉打卡虚拟定位赶快点赞收藏吧!

超级硬核的钉钉模拟wifi，定位，远程打卡教程

足不出户便能环游世界!手机发微信朋友圈如何定位到国外?

6米跨度柱子一般多大?框架结构的柱子应该设置多大?

项目使用 Jfrog Artifactory 制品库

.NET 多版本 WinForm 开源控件库 SunnyUI 技术解析与示例代码

美国陆军游骑兵和长程侦察巡逻部队军服图册

SpringBoot的starter到底是什么?

Vue向后台传递数组参数（vue 传参数）

相关推荐

取消回复欢迎 你 发表评论:

使用cheat engine修改unity游戏（cheat engine教程）

1分钟了解Tableau

钉钉打卡虚拟定位赶快点赞收藏吧!

超级硬核的钉钉模拟wifi，定位，远程打卡教程

足不出户便能环游世界!手机发微信朋友圈如何定位到国外?

6米跨度柱子一般多大?框架结构的柱子应该设置多大?

项目使用 Jfrog Artifactory 制品库

.NET 多版本 WinForm 开源控件库 SunnyUI 技术解析与示例代码

美国陆军游骑兵和长程侦察巡逻部队军服图册

SpringBoot的starter到底是什么?

取消回复欢迎你发表评论: