使用vue+elementui+idea方式编写【批量删除】功能 出现的问题及解决

1、解析符号时出错

后端报错:Invalid character found in the request target [/user/delBatch?ids[]=1639951158050992177&ids[]=163995

前端报错:has been blocked by CORS policy: Response to preflight request doesn‘t pass access controlcheck

解决:在启动类中添加

    //用于更改tomcat的非法字符限制。去掉一些括号双引号的限制
    @Bean
    public ConfigurableServletWebServerFactory webServerFactory() {
        TomcatServletWebServerFactory factory = new TomcatServletWebServerFactory();
        factory.addConnectorCustomizers((TomcatConnectorCustomizer) connector -> connector.setProperty("relaxedQueryChars", "|{}[]\\"));
        return factory;
    }

使用vue+elementui+idea方式编写【批量删除】功能 出现的问题及解决_第1张图片

 参考文档:(22条消息) 【java请求目标中发现无效字符】报错:Invalid character found in the request target处理办法_接口写好了吗的博客-CSDN博客

(22条消息) java.lang.IllegalArgumentException: Invalid character found in the request target. The valid charact_醋酸菌HaC的博客-CSDN博客

2、请求500失败

后端报错:java.lang.IllegalStateException: No primary or single unique constructor found for interface java.util.List

前端报错:

使用vue+elementui+idea方式编写【批量删除】功能 出现的问题及解决_第2张图片 解决:controller层的接口入参加一个requestbody接收

使用vue+elementui+idea方式编写【批量删除】功能 出现的问题及解决_第3张图片

 参考文档:

(22条消息) 请求500失败-No primary or single unique constructor found for interface xxx_BB-X的博客-CSDN博客

3、请求后端接口出错400

后端报错: JSON parse error: Cannot deserialize value of type `java.util.ArrayList

解析:前端vue中访问接口中的传参有问题

解决:将data内的括号去掉,要结合自己的后端接口来对应着改

使用vue+elementui+idea方式编写【批量删除】功能 出现的问题及解决_第4张图片

 参考文档:

前端传数组,后端怎么接收的问题_前端_为了我的架构师-DevPress官方社区 (csdn.net)

(22条消息) “JSON parse error: Cannot deserialize value of type `java.util.ArrayList<XXX>` from Object value ..._小黑孩.的博客-CSDN博客

 

你可能感兴趣的:(vue.js,前端,javascript)