解决后端Springboot前端Vue项目整合SpringSecurity后POST提交使用@requestBody接收不到实体类参数报出跨域的问题

曾经终败给现在 2022-11-27 06:49 75阅读 0赞

## 一、问题说明 ##

1.  后端使用的是Springboot，前端使用的是Vue框架，在没有整合SpringSecurity的时候是可以顺利接收参数的。
2.  在加入SpringSecurity之后前端发送POST强求，后端使用@RequestBody注解无法接收到实体类参数。浏览器一直在报`跨域`的问题

## 二、代码 ##

1.已经加入SpringSecurity的配置  
2.后端接收参数截图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzE5NTI3_size_16_color_FFFFFF_t_70_pic_center]  
3.前端传参截图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzE5NTI3_size_16_color_FFFFFF_t_70_pic_center 1]  
4.报错截图（已经解决跨域问题）  
![在这里插入图片描述][20200813200130173.png_pic_center]

## 三、解决办法 ##

1、在SpringSecurity的配置方法加上这个配置  
类路径`import org.springframework.web.cors.CorsUtils;`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzE5NTI3_size_16_color_FFFFFF_t_70_pic_center 2]  
2、加上解决跨域拦截方法（如果已经加了就不用再加了）

@Configuration
    public class CorsConfig implements WebMvcConfigurer { 
        @Override
        public void addCorsMappings(CorsRegistry registry) { 
            System.out.println("----------开始注入跨域解析------------");
            registry.addMapping("/**")
                    .allowedOrigins("*")
                    .allowCredentials(true)
                    .allowedMethods("GET", "POST", "DELETE", "PUT")
                    .maxAge(3600);
    
        }
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzE5NTI3_size_16_color_FFFFFF_t_70_pic_center 3]  
**再次测试就得以解决**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzE5NTI3_size_16_color_FFFFFF_t_70_pic_center]: /images/20221124/5223e4a08fd8474e8a4ea728da5ce1d3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzE5NTI3_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221124/a5de748f18e742cf9ac22f57e1e5cf71.png
[20200813200130173.png_pic_center]: /images/20221124/9ce3e36657424e919d097bc726ea5c0a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzE5NTI3_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221124/ca4c4f9677d149e4af1107ba11e33dbf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzE5NTI3_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221124/0b2937ad9c7e46148aa9e82d826a1b32.png