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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值