Spring MVC 实现 CORS 跨域

前言:众所周知,出于安全考虑,XMLHttpReqeust 对象发起的 HTTP 请求必须满足同源策略(same-origin policy)的规定,否则浏览器将会对该请求进行限制。虽然同源策略的实现带来的Web安全的提升,但是却为一些正规的跨域需求带来不便,故此衍生出了若干种绕开同源策略的跨域方案,其中 JSONP 就是使用的比较多的方案,但 JSONP 是一个非官方的跨域协议同时也只支持 GET 请求,而后来 W3C 推出 CORS 协议相比 JSONP 支持更多的方法也允许使用普通 XMLHttpRequest 发送请求,所以我们有理由使用更加现代的跨域方案。关于 CORS 的详细内容可以阅读文章HTTP访问控制(CORS)

下面我将介绍如何在 Spring MVC 中实现 CORS 跨域方案,但由于 Spring MVC 在 4.2 版本中才开始原生支持CORS ,故我将介绍两种实现方法,一种是借助 Servlet Filter 实现,而另一种则是直接使用 Spring MVC 的 @CrossOrigin 注解实现。

使用Servlet Filter 实现 CORS

​ CORS 跨域协议的实现是通过使用一组 HTTP 首部字段实现的,其核心是服务端返回响应中的 Access-Control-Allow-Origin 首部字段,这个字段来声明服务端允许来自哪些源的请求访问该资源,浏览器可以根据这个响应首部字段来判断是否可以放行跨域请求。因此要实现 CORS ,我们可以在项目中声明一个 Filter 过滤器为响应加上需要的 Access-Control-Allow-*首部。

  1. 首先创建一个实现 javax.servlet.Filter 接口的过滤器

    package com.ken.localserver.filter;
    
    import javax.servlet.*;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    
    public class CORSFilter implements Filter{
    
        @Override
        public void init(FilterConfig filterConfig) throws ServletException {
    
        }
    
        @Override
        public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
            System.out.println("work");
            HttpServletResponse response = (HttpServletResponse) servletResponse;
            response.setHeader("Access-Control-Allow-Origin", "*");
            response.setHeader("Access-Control-Allow-Methods", "POST, GET");
            response.setHeader("Access-Control-Max-Age", "3600");
            response.setHeader("Access-Control-Allow-Headers", "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");
            filterChain.doFilter(servletRequest, servletResponse);
        }
    
        @Override
        public void destroy() {
    
        }
    }
    
  2. 然后在 web.xml 文件中配置该过滤器

    <!-- CORS Filter -->
    <filter>
        <filter-name>CORSFilter</filter-name>
        <filter-class>com.ken.localserver.filter.CORSFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>CORSFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
    

到这里,就可以简单的实现 CORS 跨域请求了,上面的过滤器将会为所有请求的响应加上Access-Control-Allow-*首部,换言之就是允许来自任意源的请求来访问该服务器上的资源。而在实际开发中可以根据需要开放跨域请求权限以及控制响应头部等等。

使用 Spring MVC 的 @CrossOrigin 注解实现 CORS 跨域

​ Spring Framework 从 4.2 版本中开始原生支持 CORS,相比上面的需要配置 Filter 过滤器的实现方式,使用原生的 @CrossOrigin 注解的实现方式来得更加简单。

​ 要启用 Spring MVC 的 CORS 支持十分简单,只需要添加一个@CrossOrigin注解即可,根据添加注解位置可以控制配置的细粒度,如:允许这个Controller 还是特定的方法

  • 在方法上使用 @CrossOrigin 注解

    @RestController
    @RequestMapping("/account")
    public class AccountController {
    
      @CrossOrigin
      @GetMapping("/{id}")
      public Account retrieve(@PathVariable Long id) {
          // ...
      }
    
      @DeleteMapping("/{id}")
      public void remove(@PathVariable Long id) {
          // ...
      }
    }
    

    上例中将允许对retrieve()方法的跨域访问。默认情况下, @CrossOrigin 注解将允许来自任意的源站以及任意 HTTP 请求方法的请求访问。

  • 在Controller 上使用 @CrossOrigin 注解

    @CrossOrigin(origins = "http://domain2.com", maxAge = 3600)
    @RestController
    @RequestMapping("/account")
    public class AccountController {
    
      @GetMapping("/{id}")
      public Account retrieve(@PathVariable Long id) {
          // ...
      }
    
      @DeleteMapping("/{id}")
      public void remove(@PathVariable Long id) {
          // ...
      }
    }
    

    @CrossOrigin 注解声明在Controller 时,将允许对 Controller 下得所有方法得跨域请求。另外,如果不满足与 @CrossOrigin 注解得默认属性,我们可以自定义配置 CORS 属性。

  • 同时在 Controller 和方法上使用 @CrossOrigin 注解

    @CrossOrigin(maxAge = 3600)
    @RestController
    @RequestMapping("/account")
    public class AccountController {
    
      @CrossOrigin(origins = "http://domain2.com")
      @GetMapping("/{id}")
      public Account retrieve(@PathVariable Long id) {
          // ...
      }
    
      @DeleteMapping("/{id}")
      public void remove(@PathVariable Long id) {
          // ...
      }
    }
    

    如果同时在 Controller 和方法上都有使用@CrossOrigin 注解,那么在具体某个方法上的 CORS 属性将是两个注解属性合并的结果,如果属性的设置发生冲突,那么Controller 上的主机属性将被覆盖。

  • 全局 CORS 配置

    在某些情况,我们并不需要针对不同的URL来配置不同 CORS 属性,那么我们可以通过一个全局的 CORS 配置来避免单独注解配置的麻烦。

    • 基于 JavaConfig

      @Configuration
      @EnableWebMvc
      public class WebConfig extends WebMvcConfigurerAdapter {
      
          @Override
          public void addCorsMappings(CorsRegistry registry) {
              registry.addMapping("/**");
          }
      }
      

      在以及 Java 配置的配置方式中,我们只需要简单加入以上的代码就可以配置全局的 CORS。默认情况下,将允许来自任意源站以及任意 HTTP 请求方法的请求访问。

      @Configuration
      @EnableWebMvc
      public class WebConfig extends WebMvcConfigurerAdapter {
      
          @Override
          public void addCorsMappings(CorsRegistry registry) {
              registry.addMapping("/api/**")
                      .allowedOrigins("http://domain2.com")
                      .allowedMethods("PUT", "DELETE")
                      .allowedHeaders("header1", "header2", "header3")
                      .exposedHeaders("header1", "header2")
                      .allowCredentials(false).maxAge(3600);
          }
      }
      

      同时,我们也可以根据自己的需要 CORS 的相关属性进行配置,配置的方式如上面的代码所示。

  • 基于 XML 配置文件

    <mvc:cors>
        <mvc:mapping path="/**" />
    </mvc:cors>
    

    基于 XML 配置文件的配置方式也是十分简单,只需要 Spring 的Context 配置文件中加入上面的 <mvc:cors> 即可。同样的,默认情况下将允许来自任意源站以及任意 HTTP 请求方法的请求访问。

    <mvc:cors>
    
        <mvc:mapping path="/api/**"
            allowed-origins="http://domain1.com, http://domain2.com"
            allowed-methods="GET, PUT"
            allowed-headers="header1, header2, header3"
            exposed-headers="header1, header2" allow-credentials="false"
            max-age="123" />
    
        <mvc:mapping path="/resources/**"
            allowed-origins="http://domain1.com" />
    
    </mvc:cors>
    

    另外,也可以通过上面的方式来自定义 CORS 属性。

Reference

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容