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

秒速五厘米 2022-11-15 01:15 258阅读 0赞

![97bf7f64573b4282b9df9a67153364d0.png][]

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
     */
    @Configuration
    public class WebMvcConfiguration implements WebMvcConfigurer {
    
    
     @Bean
     public CorsFilter corsFilter() {
      final UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource();
      final CorsConfiguration corsConfiguration = new CorsConfiguration();
      /* 是否允许请求带有验证信息 */
      corsConfiguration.setAllowCredentials(true);
      /* 允许访问的客户端域名 */
      corsConfiguration.addAllowedOrigin("*");
      /* 允许服务端访问的客户端请求头 */
      corsConfiguration.addAllowedHeader("*");
      /* 允许访问的方法名,GET POST等 */
      corsConfiguration.addAllowedMethod("*");
      urlBasedCorsConfigurationSource.registerCorsConfiguration("/**", corsConfiguration);
      return new CorsFilter(urlBasedCorsConfigurationSource);
     }
    
    }

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

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

## 特殊情况 ##

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

![adc88a7e6f670520144b6367711f5f4e.png][]

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

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

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

### 解决方法 ###

*  自定义Cors过滤器

public class CustomerCorsFilter extends CorsFilter {
    
        public CustomerCorsFilter() {
            super(configurationSource());
        }
    
        private static UrlBasedCorsConfigurationSource configurationSource() {
            // CORS授权
            CorsConfiguration config = new CorsConfiguration();
            config.setAllowCredentials(true);
            config.addAllowedOrigin("*");
            config.addAllowedHeader("*");
            config.addAllowedMethod("*");
            config.addExposedHeader(HttpHeaders.SET_COOKIE);
            config.setMaxAge(3600L);
            UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
            source.registerCorsConfiguration("/**", config);
                    return source;
        }
    
    }

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

@Configuration
    public class FilterConfig {
    
        @Bean
        public Filter authFilter(){
            return new AuthFilter();
        }
    
    
        /**
         * WARNING ：跨域过滤器，注意执行顺序，必须要在AuthFilter过滤器之后
         * @return
         */
        @Bean
        public FilterRegistrationBean corsFilterRegistration() {
    
            FilterRegistrationBean registration = new FilterRegistrationBean();
            //添加过滤器
            registration.setFilter(new CustomerCorsFilter());
            List<String> urlList = new ArrayList<>();
            urlList.add("/*");
            //设置过滤路径，/*所有路径
            registration.setUrlPatterns(urlList);
            //添加默认参数
            registration.setName("CorsFilter");
            //设置优先级
            registration.setOrder(-1);
            return registration;
        }
    
    
        @Bean
        public FilterRegistrationBean authFilterRegistration() {
    
            FilterRegistrationBean registration = new FilterRegistrationBean();
            //添加过滤器
            registration.setFilter(authFilter());
            List<String> urlList = new ArrayList<>();
            urlList.add("/*");
            //设置过滤路径，/*所有路径
            registration.setUrlPatterns(urlList);
            //添加默认参数
            registration.setName("authFilter");
            //设置优先级
            registration.setOrder(1);
            return registration;
        }
    
    }

通过setOrder()方法指定过滤器的执行顺序，用以保证CORS过滤器先入自定义过滤器执行。**注意：order的顺序越小优先级越高。**

以上，希望对你有所帮助！

End

干货分享

这里为大家准备了一份小小的礼物，关注公众号，输入如下代码，即可获得百度网盘地址，无套路领取！  
  
001：《程序员必读书籍》  
002：《从无到有搭建中小型互联网公司后台服务架构与运维架构》  
003：《互联网企业高并发解决方案》  
004：《互联网架构教学视频》  
006：《SpringBoot实现点餐系统》  
007：《SpringSecurity实战视频》  
008：《Hadoop实战教学视频》  
009：《腾讯2019Techo开发者大会PPT》

010： 微信交流群

近期热文top

1、[关于JWT Token 自动续期的解决方案][JWT Token]

[2、][2][RBAC模型整合数据权限][RBAC]

[3、架构师之路-服务器硬件扫盲][3_-]

4、[如何写出让同事无法维护的代码？][Link 1]

[5、][5][面试被吊打 - Redis原理][- Redis]

![d1c76e51017afba15f47dc2515c337f0.png][]

我就知道你“在看”

![259bc00b437c5338803ac9a3b00940d3.gif][]

[97bf7f64573b4282b9df9a67153364d0.png]: /images/20221022/49f0c679a9a843409d86caeee83bcaca.png
[adc88a7e6f670520144b6367711f5f4e.png]: /images/20221022/45cfca3205814f4f874942ad587300cb.png
[JWT Token]: http://mp.weixin.qq.com/s?__biz=MzAwMTk4NjM1MA%3D%3D&chksm=9ad01e39ada7972f6876967c5056be292429a4a16ef8b6c0ebdee48b7952718437b449856df3&idx=1&mid=2247484536&scene=21&sn=1b93b86e1fe8ca7ac36475bdd65fcaf8#wechat_redirect
[2]: http://mp.weixin.qq.com/s?__biz=MzAwMTk4NjM1MA%3D%3D&chksm=9ad01d1cada7940a7cd4b14835f2ee16355a277e6fffaacdc3db6a002f1daebc8ee737c35ae6&idx=1&mid=2247485277&scene=21&sn=dc5f5f1c21af424bbbe6ac48ca21d22e#wechat_redirect
[RBAC]: http://mp.weixin.qq.com/s?__biz=MzAwMTk4NjM1MA%3D%3D&chksm=9ad00951ada7804755446cdfdab4ff43bd572fad5899b0669ee0f175c88ca1f6ad30632d29ee&idx=1&mid=2247488272&scene=21&sn=e4329291732bb096bf0f04bc441ca7c7#wechat_redirect
[3_-]: http://mp.weixin.qq.com/s?__biz=MzAwMTk4NjM1MA%3D%3D&chksm=9ad01cb4ada795a28eb720226b67fb8944c8430b6f5e76db43bc032cf994e49d8a1eb7563de5&idx=1&mid=2247485173&scene=21&sn=ff7813297c09ee0f7ea1534d53ad7715#wechat_redirect
[Link 1]: http://mp.weixin.qq.com/s?__biz=MzAwMTk4NjM1MA%3D%3D&chksm=9ad00995ada78083957eb07a6f153591a8e28bbe280c5465639a5a882c12cc78d857ba144109&idx=1&mid=2247488468&scene=21&sn=33e59293a2766d8cd34e6185bd540652#wechat_redirect
[5]: http://mp.weixin.qq.com/s?__biz=MzAwMTk4NjM1MA%3D%3D&chksm=9ad01e56ada797400a12c959bacb080c7ad8ed11ed7454b8c64b531b86394811938896185295&idx=1&mid=2247484439&scene=21&sn=fb233c2ab321afee25c207799b9e4477#wechat_redirect
[- Redis]: http://mp.weixin.qq.com/s?__biz=MzAwMTk4NjM1MA%3D%3D&chksm=9ad00922ada78034ae83c4edc9f14efbe77b4c991ced03423410aeecb1d375cab780629fdc94&idx=1&mid=2247488355&scene=21&sn=1b1878b2105f8b05512a7f9804104f66#wechat_redirect
[d1c76e51017afba15f47dc2515c337f0.png]: https://img-blog.csdnimg.cn/img_convert/d1c76e51017afba15f47dc2515c337f0.png
[259bc00b437c5338803ac9a3b00940d3.gif]: https://img-blog.csdnimg.cn/img_convert/259bc00b437c5338803ac9a3b00940d3.gif