【SpringBoot】MVC配置解决跨域但仍然存在跨域

桃扇骨 2024-03-31 11:59 74阅读 0赞

#### 文章目录 ####

*  1. 跨域问题出现与解决

## 1. 跨域问题出现与解决 ##

![image-20221126165938069][]

检查SpringBoot中的MVC配置。

public void addCorsMappings(CorsRegistry registry) {
        
        //允许跨域访问资源定义
        registry.addMapping("/**")
            //(只允许本地的指定端口访问)允许所有
            .allowedOrigins("*")
            // 允许所有方法
            .allowedMethods("*")
            //允许所有请求头
            .allowedHeaders("*")
            .maxAge(3600);
    }

发现后端已经允许跨域了。所以排除后端未进行跨域解决的猜想。

接着查看后端日志

![image-20221126170320309][]

这里出现了两次缺少token，检查浏览器网络信息

![image-20221126170447658][]

发现这里有两次请求，点开第一个请求

![image-20221126170530989][]

第一个请求携带了token，但是并未成功请求

接着查看第二个请求

![image-20221126170606184][]

第二个请求并无token，并且状态码为500。

> Tps：
> 
> **options 请求就是预检请求，可用于检测服务器允许的 http 方法。当发起跨域请求时，由于安全原因，触发一定条件时浏览器会在正式请求之前自动先发起 OPTIONS 请求，即 CORS 预检请求，服务器若接受该跨域请求，浏览器才继续发起正式请求。**

因此，应该是因为OPTIONS请求未携带token，被SpringMCV的拦截器拦截下来，导致预检请求（CORS 预检请求）未成功，因此报了跨域错误。

在拦截器中打印一下请求的方式

![image-20221126171235226][]

通过后端日志发现两个无token均为OPTIONS请求，并且两个OPTIONS请求均无通过拦截器，因此我**在SpringMVC的拦截器中尝试放行OPTIONS请求，看问题能不能解决。**

if ("OPTIONS".equals(request.getMethod())) {
        
        //true是直接放行
        return true;
    }

![image-20221126172027329][]

**跨域问题成功解决！！！**

--------------------

[image-20221126165938069]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/bdc8590c281f476e987957c7b33b08f3.png
[image-20221126170320309]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/c15c53de46b04af3a0cd968283b3cbd3.png
[image-20221126170447658]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/f0b2f59f7666496eadf4c6fa9befa40e.png
[image-20221126170530989]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/204ad87d2b7f4b82868260b3738d10f9.png
[image-20221126170606184]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/54b6222beca1446590143a06ddce9bcb.png
[image-20221126171235226]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/a213dcc514bb4d15afdf61ec1ab76b02.png
[image-20221126172027329]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/0ee921886f774b64899061dd9eac4f73.png