如何利用Vue向后台传数组数据并使用springboot接收数据

　　介绍

今天就跟大家聊聊有关如何利用Vue向后台传数组数据并使用springboot接收数据,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

<强>用axios前台代码: 

 
后台代码:
  @RequestMapping (“/addBath2")
　　公共ResponseObj addBath2(整数roleid @RequestParam (value=https://www.yisu.com/zixun/癿enusid”,需要=false)整数[]menusid) {//处理代码.......
　　返回responseObj;
　　}

<>强前台报错:

xhr.js& # 63; ec6c: 178 http://localhost: 8080/api/流行/roleMenus/addBath2& # 63; roleid=2, menusid []=1, menusid []=101, menusid []=102, menusid []=103, menusid []=104, menusid []=2, menusid []=201, menusid []=202, menusid []=203, menusid []=3, menusid []=301, menusid []=302, menusid []=303, menusid []=304, menusid []=4, menusid []=401, menusid []=402, menusid []=403, menusid[]=404 400(坏的请求)
dispatchXhrRequest @ xhr.js& # 63; ec6c: 178
xhrAdapter @ xhr.js& # 63; ec6c: 12
dispatchRequest @ dispatchRequest.js& # 63; c4bb: 52
的承诺。然后(异步)
请求@ Axios.js& # 63; 5 e65:61
Axios灵活;computed>@ Axios.js& # 63; 5 e65:76
结束@ bind.js& # 63; 24 ff: 9
updRoleMenus @ AuthList.vue& # 63; e7ca: 131
invokeWithErrorHandling @ vue.esm.js& # 63; efeb: 1863
调用程序@ vue.esm.js& # 63; efeb: 2188
invokeWithErrorHandling @ vue.esm.js& # 63; efeb: Vue。
1863发出@ vue.esm.js& # 63; efeb: 3897
handleClick @ element-ui.common.js& # 63; ccbf: 9417
invokeWithErrorHandling @ vue.esm.js& # 63; efeb: 1863
调用程序@ vue.esm.js& # 63; efeb: 2188
original._wrapper @ vue.esm.js& # 63; efeb: 7565
createError.js& # 63; 16 d0:16未捕获(承诺)错误:请求失败的状态码400
在显示createError (createError.js& # 63; 16 d0:16)
在解决(settle.js& # 63; db52:17)
在XMLHttpRequest。handleLoad (xhr.js& # 63; ec6c: 61)

如何利用Vue向后台传数组数据并使用springboot接收数据

<强>百度到后台改为:

@RequestMapping (“/addBath2") 　　公共ResponseObj addBath2(整数roleid @RequestParam (value=https://www.yisu.com/zixun/癿enusid[]”,要求=false)整数[]menusid) {//,,,,,,,, 　　返回responseObj; 　　}

<强>请求前台依然报错,这次后台也报错:

. lang。IllegalArgumentException:无效的字符在请求目标[/流行/roleMenus/addBath2& # 63; roleid=2, menusid []=1, menusid []=101, menusid []=102, menusid []=103, menusid []=104, menusid []=2, menusid []=201, menusid []=202, menusid []=203, menusid []=3, menusid []=301, menusid []=302, menusid []=303, menusid []=304, menusid []=4, menusid []=401, menusid []=402, menusid []=403, menusid []=404]。有效的字符在RFC 7230和RFC 3986中定义的
在org.apache.coyote.http11.Http11InputBuffer.parseRequestLine (Http11InputBuffer.java: 491) ~ (tomcat-embed-core-9.0.36.jar 9.0.36):
在org.apache.coyote.http11.Http11Processor.service (Http11Processor.java: 260) ~ (tomcat-embed-core-9.0.36.jar 9.0.36):
在org.apache.coyote.AbstractProcessorLight.process (AbstractProcessorLight.java: 65) [tomcat-embed-core-9.0.36.jar 9.0.36):
org.apache.coyote.AbstractProtocol ConnectionHandler.process美元(AbstractProtocol.java: 868) [tomcat-embed-core-9.0.36.jar 9.0.36):
org.apache.tomcat.util.net.NioEndpoint SocketProcessor.doRun美元(NioEndpoint.java: 1590) [tomcat-embed-core-9.0.36.jar 9.0.36):
在org.apache.tomcat.util.net.SocketProcessorBase.run (SocketProcessorBase.java: 49) [tomcat-embed-core-9.0.36.jar 9.0.36):
在java.util.concurrent.ThreadPoolExecutor.runWorker (ThreadPoolExecutor.java: 1142) (na 1.8.0_121):
java.util.concurrent.ThreadPoolExecutor Worker.run美元(ThreadPoolExecutor.java: 617) (na 1.8.0_121):
org.apache.tomcat.util.threads.TaskThread WrappingRunnable.run美元(TaskThread.java: 61) [tomcat-embed-core-9.0.36.jar 9.0.36):
在java.lang.Thread.run (Thread.java: 745) (na 1.8.0_121):

如何利用Vue向后台传数组数据并使用springboot接收数据

后来试了百度的一堆操作,依然没解决,貌似tocmat版本太高?不清楚

最后百般尝试,前台用路径传参:

前台Vue传参代码:

如何利用Vue向后台传数组数据并使用springboot接收数据