实战系列-Spring Boot跨域解决方案

叁歲伎倆 2022-11-25 13:05 136阅读 0赞

> **导语**  
>   在实际工作开发中经常会遇到跨域请求，这个时候就需要前后端来共同协调来解决问题，那么在Spring Boot中怎么解决跨域请求问题呢？下面就来看看

## 什么是跨域 ##

为了保证浏览器的安全，不同源地址的客户端脚本在没有经过明确授权的情况下是不能读写彼此的资源的，这个就是叫做同源策略，同源策略是浏览器安全问题的基石。如果没有这种限制，那么浏览器可以毫无限制的去控制整个的网络体系。那么什么是跨域呢？  
  如果一个请求地址里面的协议、域名和端口号都相同，就属于同源。  
  例如，判断下面的URL是否和http://www.a.com/a/a.html同源：

*  http://www.a.com/b/b.html 同源
 *  http://www.b.com/a/a.html 不同源，域名不同
 *  https://www.a.com/b/b.html 不同源，协议不同
 *  http://www.a.com:8080/b/b.html 不同源，端口号不同

根据同源策略，非同源脚本不可以操作其他源下面的对象，想要操作的话就需要进行跨域，在同源策略下，非同源的网站之间不能发送Ajax请求。如果有这样的需求，就需要进行跨域操作。

## CORS 技术 ##

为了解决上述问题，W3C提出了跨院资源共享方案，也就是CORS技术（Cross-Origin Resource Sharing）  
  CORS 可以在不破坏现有规则的情况下，通过后端服务器实现CORS接口，从而实现跨域通信。CORS请求分为两类：简单请求和非简单请求，分别对跨域通信提供了支持操作。

### 什么是简单请求 ###

在CORS技术出现之前，在HTTP请求头中不能包含任何的自定义字段，而且HTTP请求信息也不能操作如下的一些

*  Accept
 *  Accept\_Language
 *  Content\_Language
 *  Last-Event-ID
 *  Content-Type(application/x-www-form-urlencoded、multipart/form-data、text/plain)

根据对简单请求的的分析，CORS的策略是在请求时在请求头中增加一个Origin字段，服务器收到请求后，根据该字段判断是否允许该请求访问。

*  如果允许，就在HTTP请求头信息中添加Access-Control-Allow-Origin字段，并且返回正确的字段
 *  如果不允许，就不加入该字段

处理Access-Control-Allow-Origin字段，还有其他的字段可以描述CORS返回结果

*  Access-Control-Allow-Credentials:可选，用户是否可以发送、处理cookie。
 *  Access-Control-Expose-Headers: 可选，可以让用户拿到的字段，有即可字段无论设置与否都可以获取到，包括Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、Pragma。

### 什么是非简单请求 ###

对于非简单请求的跨源请求，浏览器会在真实请求发出前增加一次OPTION请求，称为预检请求。在预检请求将真实请求的信息，包括请求方法、自定义头字段、源信息添加到HTTP头信息字段中，询问服务器是否允许这样的操作。

例如在一个GET请求中，与CORS相关的字段有：

*  请求使用的HTTP方法 Access-Control-Request-Method
 *  请求中包含的自定义头字段Access-Control-Request-Headers

服务器收到请求时，需要对Origin、Access-Control-Request-Method、Access-Control-Request-Headers 进行验证，验证通过后，会在返回HTTP头信息中添加如下的的内容

*  Access-Control-Allow-Origin:
 *  Access-Control-Allow-Methods ：真实请求允许的方法
 *  Access-Control-Allow-Headers ：服务器允许使用的字段
 *  Access-Control-Allow-Credentials ：是否允许用户发送、处理Cookie
 *  Access-Control-Max-Age ：预检请求的有效期，单位为秒，有效期内，不会重复发送预检请求

## CORS实现 ##

CORS 的代码实现比较简单，主要要理解CORS实现跨域的原理和方式。具体配置如下。

@Configuration
    public class CorsConfig implements WebMvcConfigurer { 
    
    
        @Override
        public void addCorsMappings(CorsRegistry registry) { 
            registry.addMapping("/**") //允许跨域访问
                    .allowedOrigins("*") // 允许跨域访问的源
                    .allowedMethods("POST","GET","PUT","DELETE","OPTIONS") //允许请求的方式
                    .maxAge(168000) // 预检间隔时间
                    .allowCredentials(true); // 是否发送Cookie
        }
    }