导航：首页 > 互联网科技 >

Springboot2.X如何全方位解决Cors跨域

发表于：2024-11-19 作者：千家信息网编辑

千家信息网最后更新 2024年11月19日，Springboot2.X如何全方位解决Cors跨域，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。一、概念理解Cors1.1、什么是

千家信息网最后更新 2024年11月19日Springboot2.X如何全方位解决Cors跨域

Springboot2.X如何全方位解决Cors跨域，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

一、概念理解Cors

1.1、什么是Cors？

直接解释为跨域，是一个比jsonp更优秀的存在，JSONP只支持Get请求，CORS支持所有类型的HTTP请求。

1.2、什么是跨域？

同源是指，域名、协议、端口均为相同，如果三者有其一不同，都算作跨域，A网站的ajax访问B网站的接口就是跨域，如下解释

非跨域：       http://www.osc.com/index.html      调用 http://www.osc.com/index.php   非跨域跨 域：      http://www.osc.com/index.html      调用 http://www.qq.com/index.php    跨域,主域不同       http://abc.osc.com/index.html      调用 http://def.osc.com/server.php  跨域,子域名不同       http://www.osc.com:8080/index.html 调用 http://www.osc.com/server.php  跨域,端口不同       https://www.osc.com/index.html     调用 http://www.osc.com/server.php  跨域,协议不同（https和http的区别）

二、准备A项目

准备2个Springboot项目，不同端口号，A项目ajax访问B项目接口，算是跨域访问，我会把所有用到的代码都放到上面，省的大家评论为啥我这不行...

A项目：springboot+freemaker

2.1、pom.xml

    org.springframework.boot    spring-boot-starter-thymeleaf    org.springframework.boot    spring-boot-starter-web

2.2、application.properties

server.port=8089server.servlet.context-path=/tssd#thymeleafspring.mvc.view.prefix=classpath:/templates/spring.mvc.view.suffix=.htmlspring.thymeleaf.cache=falsespring.mvc.static-path-pattern=/**spring.resources.static-locations =classpath:/static/spring.thymeleaf.mode=LEGACYHTML5

2.3、controller

@Controllerpublic class EveryController {    @RequestMapping(value = "/every/{url}")    public String toEveryUrl(@PathVariable("url") String url){        return url;    }}

2.4、templates文件夹下index.html，现在此ajax访问的是8082，所以B项目端口号必须是8082

        xixi        i love you,my beast love girl aoxin

一会我们就直接通过接口 http://localhost:8089/tssd/every/index 就直接到了index.html，然后页面加载函数ajax请求B项目接口。

三、B项目创建

3.1、pom.xml

    org.springframework.boot    spring-boot-starter-web

3.2、application.properties

server.port=8082

3.3、实体类

@Data@AllArgsConstructorpublic class Result {    private boolean success;    private String code;    private String message;    private Object data;    public Result() {        this.success = true;        this.code = "200";    }}

然后其他的就先不需要配置了，到此为止，B项目结束。

四、方法一：method局部解决跨域

是针对某一个接口解决跨越问题。

在B项目中，使用注解在方法上，这样我们这个方法就可以被跨域了。

@CrossOrigin(origins = "http://localhost:8089",maxAge = 3600)@RequestMapping(value = "/test",method = RequestMethod.POST)@ResponseBodypublic Result testOne(){    Result result = new Result();    result.setData("fjsd");    return result;}

http://localhost:8089/tssd/every/index

五、方法二：局部解决跨域之类

把方法一作用在方法上的注解CrossOrigin作用到类上，这样，该类的所有方法都可以被跨域。

@Controller@CrossOrigin(origins = "http://localhost:8089",maxAge = 3600)public class FirstController {    @RequestMapping(value = "/test",method = RequestMethod.POST)    @ResponseBody    public Result testOne(){        Result result = new Result();        result.setData("fjsd");       return result;    }}

成功截图和上面是一样的，但是实现方式是不一样的。当然，如果你的注解只写成

@CrossOrigin(maxAge = 3600)

那么它是可以允许任何网站都可以访问的，已经测试了，大家可以把origins去掉就可以了origins

六、方法三：全局配置解决跨域

把方法一、方法二的注解去掉，添加全局配置，配置可以跨域的接口路径等等。

@Configurationpublic class MyCrosConfig implements WebMvcConfigurer {    @Override    public void addCorsMappings(CorsRegistry registry) {        registry.addMapping("/test")                .allowedOrigins("http://localhost:8089")                .allowedMethods("PUT", "DELETE","POST","GET")                .allowedHeaders("*")                .maxAge(3600);    }}

七、方法四：过滤器解决跨域

可以把之前的三个方法的注解或者@Configuration都去掉，接下里我们用第四种方法测试。

@Configurationpublic class CrosFilter {    @Bean    CorsFilter getCorsFilter(){        CorsConfiguration cors = new CorsConfiguration();        cors.setAllowCredentials(true);        cors.addAllowedMethod("*");        cors.addAllowedOrigin("*");        cors.setMaxAge(3600L);        cors.addAllowedHeader("*");        cors.applyPermitDefaultValues();        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();        source.registerCorsConfiguration("/**",cors);        CorsFilter corsFilter = new CorsFilter(source);        return corsFilter;    }}

结果：成功。