黑豹程序员-axios+springmvc传递数组

本文主要是介绍黑豹程序员-axios+springmvc传递数组，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

问题

奇怪的现象，axios在往后台传递数组时，springmvc竟然接收不到

解决

尝试多次无果，突然看一篇文章写vue中的数组不是真正的数组需要强转转化JSON.stringify
将信将疑下测试了一把，还真的传递成功了。

不光要JSON.stringify还要使用qs.stringify（把参数转为查询串）

还有小BUG，JSON.stringify后，会把数组的[]括号变成字符串元素的一部分。
这个就只能自己截串、替换处理。

在这里插入图片描述

实现前台传递一个单值和一个数组

vue前端代码

// 共用数据
import axios from '../sys/frame/axios.js'
import qs from 'qs'import { serverURI } from './server-uri.js'
const server_uri = serverURI("basic")//将参数转换为查询参数串提交
//注意下面坑，先要转换为js真正的数组，否则接参为null
export const SendMail = async (mails)=>{//数据非常怪异，转换字符串后，前面后面的双引号无用let tmp = JSON.stringify(mails).replaceAll("\"","")tmp = tmp.substring(1, tmp.length-1)		//去掉数组俩边的[和]let data = {code: '001', tags: tmp}console.log(mails)console.log(tmp)axios.post(server_uri+'/mail/sender',  qs.stringify(data)).then(resp => {console.log(resp.data)})
}

SpringMVC 后端代码

@RestController
@CrossOrigin
public class MailController {@PostMapping("/basic/mail/sender")public R sender(String code, String[] tags){return R.success("邮件发送成功");}
}