Spring Boot跨域问题

心已赠人 2022-05-24 12:59 32阅读 0赞

### 跨域请求 ###

> 当我们从本身站点请求不同域名或端口服务所提供的资源时，就会发起跨域请求。

例如，我们最常见的我们很多的css样式文件是会链接到某个公共CDN服务器上，而不是在本身的服务器上，这其实就是典型的一个跨域骑牛。但浏览器由于安全原因限制了在脚本（script）中发起的跨域HTTP请求。也就是说XMLHttpRequest和Fetch等是遵循“同源规则”的，即只能访问自己服务器的指定端口的资源（同意服务器不同端口也会视为跨域）。但这种限制在今天，我们的应用需要访问多种API或资源的时候就不能满足开发者的需求了，因此就产生了若干对于跨域的解决方案，JSONP是其中一种，但在今天来看主流的更彻底的解决方案是CORS（Cross-Origin Resource Sharing）

### 跨域资源共享（CORS） ###

这种机制将跨域的访问控制权交给服务器，这样可以保证安全的跨域数据传输。现代浏览器一般会将CORS的支持封装在HTTP API之中（比如XMLHttpRequest和Fetch），这样可以有效控制使用跨域请求的风险。  
       概况来说，这个机制是增加一系列的HTTP头来让服务器可以描述哪些源是允许使用浏览器来访问资源的。而且对于简单的请求和复杂请求，处理机制是不一样的。  
       简单请求仅允许三个HTTP方法：GET，POST一级HEAD，另外只能支持若干header参数：Accept，Accept-Language，Content-Language，Content-Type（值只能是application/x-www-form-urlencoded、multipart/form-data 和 text/plain）， DPR ， Downlink ， Save-Data ， Viewport-Width 和 Width。  
对于简单请求来说，比如下面这样一个简单的GET请求：从 [http://me.domain][http_me.domain] 发起到 [http://another.domain/data/blablabla][http_another.domain_data_blablabla] 的资源请求

GET /data/blablabla/ HTTP/1.1
    // 请求的域名
    Host: another.domain
    ...//省略其它部分，重点是下面这句，说明了发起请求者的来源
    Origin: http://me.domain

应用了CORS的对方服务器返回的响应应该像下面这个样子，当然这里 Access-Control-Allow-Origin: \* 中的 \* 表示任何网站都可以访问该资源，如果要限制只能从 me.domain 访问，那么需要改成 Access-Control-Allow-Origin: [http://me.domain][http_me.domain]

HTTP/1.1 200 OK
    ...//省略其它部分
    Access-Control-Allow-Origin: *
    ...//省略其它部分
    Content-Type: application/json

那么对于复杂的请求怎么办？这需要一次预检请求和一次实际的请求，也就是说需要两次和对方服务器的请求/响应。预检请求是以option方法惊醒的，因为option方法不会改变任何资源，所以这个预检请求是安全的，它的职责在于发送实际请求将会使用的HTTP方法以及将要发送的header中将携带哪些内容，这样对方服务器可以根据预检请求的信息决定是否接受。

// 预检请求
    OPTIONS /resources/post/ HTTP/1.1
    Host: another.domain
    ...// 省略其它部分
    Origin: http://me.domain
    Access-Control-Request-Method: POST
    Access-Control-Request-Headers: Content-Type

服务器对预检请求的响应如下：

HTTP/1.1 200 OK
    // 省略其它部分
    Access-Control-Allow-Origin: http://me.domain
    Access-Control-Allow-Methods: POST, GET, OPTIONS
    Access-Control-Allow-Headers: Content-Type
    Access-Control-Max-Age: 86400
    // 省略其它部分
    Content-Type: text/plain

接下来的正式请求就和上面的简单请求差不多了，就不赘述了。

### 在Spring Boot中启动CORS ###

在Spring Boot的启动类中加入下面的代码：

@Bean
        @Order(Integer.MAX_VALUE)
        public CorsFilter corsFilter() {
            final UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource();
            final CorsConfiguration corsConfiguration = new CorsConfiguration();
            corsConfiguration.setAllowCredentials(true);
            // 设置你要允许的网站域名，如果全允许则设为 *
            corsConfiguration.addAllowedOrigin("*");
            // 如果要限制 HEADER 或 METHOD 请自行更改
            corsConfiguration.addAllowedHeader("*");
            corsConfiguration.addAllowedMethod("*");
            urlBasedCorsConfigurationSource.registerCorsConfiguration("/**", corsConfiguration);
            return new CorsFilter();
        }

如果加入上面的代码缺少jar包的话，在maven的pom文件中引入下面的依赖

<dependency>
        <groupId>com.thetransactioncompany</groupId>
        <artifactId>cors-filter</artifactId>
        <version>1.7.1</version>
    </dependency>
    
    <dependency>
        <groupId>com.thetransactioncompany</groupId>
        <artifactId>java-property-utils</artifactId>
        <version>1.9</version>
    </dependency>

[http_me.domain]: http://me.domain
[http_another.domain_data_blablabla]: http://another.domain/data/blablabla