SpringBoot开发秘籍 - 处理跨域请求CORS-阿里云开发者社区

SpringBoot开发秘籍 - 处理跨域请求CORS

2021-12-09 146

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： CORS（Cross-Origin Resource Sharing）"跨域资源共享"，是一个W3C标准，它允许浏览器向跨域服务器发送Ajax请求，打破了Ajax只能访问本站内的资源限制。

CORS（Cross-Origin Resource Sharing）"跨域资源共享"，是一个W3C标准，它允许浏览器向跨域服务器发送Ajax请求，打破了Ajax只能访问本站内的资源限制。

在前后分离的架构下，我们经常会遇到跨域CORS问题，在浏览器上的表现就是出现如下一段错误提示：No 'Access-Control-Allow-Origin' header is present on the requested resource.

下面看一下如何让你的SpringBoot项目支持CORS跨域。

SpringBoot处理跨域

在SpringBoot后端处理跨域比较简单，只需要在项目中添加如下一个配置类即可：

/*** Spring Boot 2.0 解决跨域问题* @Author javadaily*/@ConfigurationpublicclassWebMvcConfigurationimplementsWebMvcConfigurer {
@BeanpublicCorsFiltercorsFilter() {
finalUrlBasedCorsConfigurationSourceurlBasedCorsConfigurationSource=newUrlBasedCorsConfigurationSource();
finalCorsConfigurationcorsConfiguration=newCorsConfiguration();
/* 是否允许请求带有验证信息 */corsConfiguration.setAllowCredentials(true);
/* 允许访问的客户端域名 */corsConfiguration.addAllowedOrigin("*");
/* 允许服务端访问的客户端请求头 */corsConfiguration.addAllowedHeader("*");
/* 允许访问的方法名,GET POST等 */corsConfiguration.addAllowedMethod("*");
urlBasedCorsConfigurationSource.registerCorsConfiguration("/**", corsConfiguration);
returnnewCorsFilter(urlBasedCorsConfigurationSource);
 }
}

这里我们在配置类中注入了 CorsFilter并重写了相关配置，大家可以根据自己的业务需求请里面的 * 改成具体的属性值。

通过上面的配置我们基本可以解决后端跨域问题，但是在一些特定情况下还是还出现跨域。

特殊情况

当项目中还有一个自定义过滤器，并且在过滤器中通过 response.getWriter().print()直接向客户端输出返回信息：

在这种情况下是不会继续执行后面的过滤器链的。

而在SpringBoot中自定义过滤器的优先级高于WebMvcConfigurer中定义的过滤器，所以此时由于未经过CORS过滤器的处理还是会出现跨域现象。

这种时候我们就需要改写CorsFilter的写法，让其在自定义过滤器之前执行。

解决方法

自定义Cors过滤器

publicclassCustomerCorsFilterextendsCorsFilter {
publicCustomerCorsFilter() {
super(configurationSource());
    }
privatestaticUrlBasedCorsConfigurationSourceconfigurationSource() {
// CORS授权CorsConfigurationconfig=newCorsConfiguration();
config.setAllowCredentials(true);
config.addAllowedOrigin("*");
config.addAllowedHeader("*");
config.addAllowedMethod("*");
config.addExposedHeader(HttpHeaders.SET_COOKIE);
config.setMaxAge(3600L);
UrlBasedCorsConfigurationSourcesource=newUrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**", config);
returnsource;
    }
}

通过配置类指定过滤器的优先级

@ConfigurationpublicclassFilterConfig {
@BeanpublicFilterauthFilter(){
returnnewAuthFilter();
    }
/*** WARNING ：跨域过滤器，注意执行顺序，必须要在AuthFilter过滤器之后* @return*/@BeanpublicFilterRegistrationBeancorsFilterRegistration() {
FilterRegistrationBeanregistration=newFilterRegistrationBean();
//添加过滤器registration.setFilter(newCustomerCorsFilter());
List<String>urlList=newArrayList<>();
urlList.add("/*");
//设置过滤路径，/*所有路径registration.setUrlPatterns(urlList);
//添加默认参数registration.setName("CorsFilter");
//设置优先级registration.setOrder(-1);
returnregistration;
    }
@BeanpublicFilterRegistrationBeanauthFilterRegistration() {
FilterRegistrationBeanregistration=newFilterRegistrationBean();
//添加过滤器registration.setFilter(authFilter());
List<String>urlList=newArrayList<>();
urlList.add("/*");
//设置过滤路径，/*所有路径registration.setUrlPatterns(urlList);
//添加默认参数registration.setName("authFilter");
//设置优先级registration.setOrder(1);
returnregistration;
    }
}