前端调用SpringBoot服务接口跨域问题的解决办法

原创已于 2023-07-27 17:58:22 修改 · 191 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#spring boot #后端

于 2023-07-27 17:06:12 首次发布

该文章介绍了一种在SpringBoot项目中解决跨域问题的方法，通过实现WebMvcConfigurer接口并添加CORS过滤器配置，允许所有源访问，配置了允许的原始域、请求方法、头部信息以及暴露的头部信息。

要解决跨域问题，增加如下代码到项目中

@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Bean
public CorsFilter corsFilter(){
// 添加CORS配置信息
CorsConfiguration corsConfiguration = new CorsConfiguration();
// 放行哪些原始域
corsConfiguration.addAllowedOrigin("*");
// 是否发送cookie信息
corsConfiguration.setAllowCredentials(false);
// 放行哪些原始域（请求方式）
corsConfiguration.addAllowedMethod("*");
// 放行哪些原始域（头部信息）
corsConfiguration.addAllowedHeader("*");
// 暴露哪些头部信息（因为跨域访问默认不能获取全部头部信息）
corsConfiguration.addExposedHeader(HttpHeaders.ACCEPT);
// 添加映射路径
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**",corsConfiguration);

// 返回新的CorsFileter
return new CorsFilter(source);
}
@Bean
public WebMvcConfigurer corsConfigurer() {
return new WebMvcConfigurer() {
@Override
//重写父类提供的跨域请求处理的接口
public void addCorsMappings(CorsRegistry registry) {
//添加映射路径
registry.addMapping("/**")
//放行哪些原始域
.allowedOrigins("*")
//是否发送Cookie信息
.allowCredentials(true)
//放行哪些原始域(请求方式)
.allowedMethods("GET","POST", "PUT", "DELETE")
//放行哪些原始域(头部信息)
.allowedHeaders("*")
//暴露哪些头部信息（因为跨域访问默认不能获取全部头部信息）
.exposedHeaders("Header1", "Header2");
}
};
}
}