前后端分离项目（Springboot+Vue），引入SpringSecurity后出现跨域问题

最新推荐文章于 2024-08-01 14:32:48 发布

cv哥

最新推荐文章于 2024-08-01 14:32:48 发布

阅读量835

点赞数

本文链接：https://blog.youkuaiyun.com/simg_Dragon/article/details/108205565

版权

本文介绍如何在SpringBoot项目中解决跨域问题，并在引入SpringSecurity后保持跨域配置有效。通过配置CorsConfiguration和在SpringSecurity中启用CORS支持，实现前后端分离项目的跨域请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

跨域问题

相信大家在做前后端分离项目时，跨域问题是不可避免的，在我们后端采用SpringBoot后可以在SpringMvc的配置类中增加以下配置即可避免跨域问题：

@Configuration
public class Config implements WebMvcConfigurer {

    public CorsConfiguration buildConfig(){
        CorsConfiguration config = new CorsConfiguration();
        config.addAllowedOrigin("*"); //允许任何域名
        config.addAllowedHeader("*"); //允许任何头
        config.addAllowedMethod("*"); //允许任何方法
        config.addAllowedOrigin("*");
        config.setMaxAge(Duration.ofDays(30));   //设置30天之内不在发送OPTIONS预请求
        return config;
    }

    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", buildConfig());
        return new CorsFilter(source);
    }
    
}

然而在我加入SpringSecurity想对项目进行安全性的补充时，发现上面的配置类失效了，想了一会，原来是SpringSecurity自动将所有请求拦截下来了，自然之前的配置类也就失效了，因此我们可以保留上面的配置类，在自己编写的SpringSecurity的继承与于WebSecurityConfigurerAdapter的WebConfig下加入

protected void configure(HttpSecurity http) throws Exception {
            http
                .cors()                 
                .and()
                .csrf().disable()       
                .addFilter(loginFilter())
        ;
    }

即cors，开启SpringSecurity对CORS的支持即可