Spring项目解决跨域问题

不负春光不负己

已于 2022-07-25 17:01:14 修改

阅读量445

点赞数

文章标签： java spring

于 2022-07-25 15:12:35 首次发布

本文链接：https://blog.csdn.net/weixin_39516640/article/details/125975407

版权

本文介绍了如何在Spring Boot后端配置 CORS 过滤器以解决跨域访问问题。通过添加`CorsFilter` Bean 和配置允许所有来源、头部和方法，尝试解决跨域报错。然而，即使配置了@CrossOrigin注解，测试仍未能生效，于是采用了传统方式配置CORS。在浏览器中使用XMLHttpRequest进行POST请求验证，只要没有错误响应，即表明跨域问题已解决。

摘要由CSDN通过智能技术生成

跨域问题报错：

解决跨域问题还是要后端去解决的，查看资料注解@CrossOrigin(origins="*",maxAge=3600)可以简单快捷的解决跨域问题，但我测试不生效不知道为什么。然后还是直接采用我最老套的方式，类似这种：

package com.avic.framework.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

@Configuration
public class CorsConfig  {

    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedOrigin("*"); // 1 设置访问源地址
        corsConfiguration.addAllowedHeader("*"); // 2 设置访问源请求头
        corsConfiguration.addAllowedMethod("*"); // 3 设置访问源请求方法
        corsConfiguration.setMaxAge(3600L);
        source.registerCorsConfiguration("/**", corsConfiguration); // 4 对接口配置跨域设置
        return new CorsFilter(source);
    }
}

验证跨域是否生效的方式：

在随便一个网页中F12打开调试工具DevTools，在控制台下粘贴如下代码（url为测试跨域的地址）：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://127.0.0.1:9993/ceshi');
xhr.send(null);
xhr.onload = function(e) {
    var xhr = e.target;
    console.log(xhr.responseText);
}

Enter回车！

只要返回的不是报错信息，跨域问题就是已经解决了！