spring boot 跨域和请求两次问题的解决

1、概述

在工程进行前后端分离后， 分别部署在两个容器中， 在访问过程中出现跨域问题。
这里讲解一下，本人遇到的问题，主要是跨域和请求两个问题的解决。

2、请求两次的问题理论部分(完全参考下面地址)

发现一种情况，在前端ajax请求数据的时候，有时候会向后台一次性发送两次请求，这两次请求第一次无返回数据，第二次才会返回正确数据。在两次请求之后的一段时间内，是只发送一次请求的。过了一段时间，就又会出现一次动作 两次请求的情况。具体如图1所示：

图1

2.1 出现的原因：

原来对于跨域，有两种不同的请求类型。分别为简单跨域请求和复杂跨域请求(带预检的跨域请求)。关于这两种跨域请求的异同可自行百度，这里不多说。
而本项目，后台采用token检验机制，前台发送请求必须将token放到request header中，而请求头中携带自定义参数，浏览器就认为请求是复杂跨域请求，所以浏览器在真正
请求之前会发送一次预检请求，检测服务器是否支持真实请求进行跨域访问。

2.2 解决方案

后台可以通过设置Access-Control-Max-Age来控制浏览器在多长时间内（单位s）无需在请求时发送预检请求。

3、实战

创建类CORSConfiguration，具体如下所示：

@Configuration
public class CORSConfiguration {

   @Bean
    public FilterRegistrationBean corsFilter() {

        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        CorsConfiguration config = new CorsConfiguration();
        config.setAllowCredentials(true);
        config.addAllowedOrigin("*");
        config.addAllowedHeader("*");
        config.addAllowedMethod("*");
        // 设置跨域缓存实践为30分钟
        config.setMaxAge(1800L);
        source.registerCorsConfiguration("/**", config);
        FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));
        bean.setOrder(0);
        return bean;
    }

}

由于笔者使用的是spring boot 所以使用上述的配置， 并且config.setMaxAge(1800L); 这个设置就是配置Access-Control-Max-Age 缓存时长。

4、参考文章

https://blog.csdn.net/qq_29992111/article/details/78431784