SpringBoot前后端分离解决跨域问题的3种解决方案总结

 更新时间:2022年05月09日 09:21:24   作者:扎哇太枣糕  
前后端分离大势所趋,跨域问题更是老生常谈,下面这篇文章主要给大家介绍了SpringBoot前后端分离解决跨域问题的3种解决方案,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

🍊什么是跨域

想要知道什么是跨域的话,我们可以通过一个小案例简单了解一下跨域的概念:在项目代码编写的时候,我们将前端项目代码和后端的项目代码相分离开,一个运行在本地的8080端口一个运行在本地的8888端口,这也就是我们常说的前后端分离项目。现在使用前端的请求去调用后端的接口,就会产生以下的错误

Access to XMLHttpRequest at 'http://localhost:8888/请求名' 
from origin ‘http://localhost:8080’ has been blocked by 
CORS policy: No ‘Access-Control-Allow-Origin’ 
header is present on the request resource.

错误原因:基于浏览器的保护机制,当请求中缺少了一些http头信息时,读取响应的操作就会被阻止。出现这个问题并不是说后端没有接收到前端发送过来的请求,相反后端接收请求并且将响应信息返回给了前端,但是返回的响应信息被前端浏览器所拦截了。

这个保护机制就是浏览器的一种重要的安全策略——同源策略,该策略可以限制不同源之间的交互行为,从而有效避免一些浏览器层面的攻击。所谓的同源就是指url中的协议、域名、端口三个都相同。反观案例的url前端http://localhost:8080请求http://localhost:8888/请求名,协议和域名都相等但是端口却不一样导致两个是不同源,不同源的话就会产生跨域问题。

🍊跨域问题的解决策略

CROS(Cross Origin Resource Sharing)策略,全称为跨域资源共享策略,是后端用来解决跨域问题的一个方案(当然前端也有解决跨域问题的对应方案),抛开底层具体的解决原理不说,今天就学习一下如何借助该策略实现跨域问题的解决。

🍊三种解决方法

第一种也是最简单但不常用的一种,只需要在后端接口方法上添加 @CrossOrigin 注解,即可解决对这个接口方法的请求跨域问题,但是在实际开发中一般都会有很多的方法,在每一个方法上都添加这个注解的话明显就会很影响使用感受。当然还可以将注解添加到类上,表示类中的所有方法都解决了跨域问题,但是类也不止一个还是麻烦。

@CrossOrigin
@GetMapping("/请求名")
public String sayHello() {
    return "hello world !";
}

第二种就是使用过滤器统一处理

// 对比着看,包千万别导错了
import org.springframework.context.annotation.Bean;
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() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        // 使用通配符* 允许所有的域请求
        corsConfiguration.addAllowedOrigin("*");
        // 使用通配符* 允许所有请求头字段
        corsConfiguration.addAllowedHeader("*");
        // 使用通配符* 允许所有请求头方法类型
        corsConfiguration.addAllowedMethod("*");

        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        // 处理请求映射
        source.registerCorsConfiguration("/**", corsConfiguration);
        
        return new CorsFilter(source);
    }
}

第三种就是使用WebMvc的配置类

// 对比着看,包千万别导错了
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")      // 设置映射
                .allowedOriginPatterns("*")        // 设置域
                .allowedMethods("*")               // 设置请求的方式GET、POST等
                .allowCredentials(true)            // 设置是否携带cookie
                .maxAge(3600)                      // 设置设置的有效期 秒单位
                .allowedHeaders("*");              // 设置头
    }
}

总结

到此这篇关于SpringBoot前后端分离解决跨域问题的3种解决方案的文章就介绍到这了,更多相关SpringBoot前后端分离跨域问题内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Java foreach相关原理及用法解析

    Java foreach相关原理及用法解析

    这篇文章主要介绍了Java foreach相关原理及用法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • mybatis-plus动态表名实现方法

    mybatis-plus动态表名实现方法

    本文主要介绍了mybatis-plus动态表名实现方法,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • SpringBoot项目配置postgresql数据库完整步骤(配置多数据源)

    SpringBoot项目配置postgresql数据库完整步骤(配置多数据源)

    PostgreSQL是一种特性非常齐全的自由软件的对象-关系型数据库管理系统(ORDBMS),下面这篇文章主要给大家介绍了关于SpringBoot项目配置postgresql数据库(配置多数据源)的相关资料,需要的朋友可以参考下
    2023-05-05
  • 基于Java Gradle复制项目模块过程图解

    基于Java Gradle复制项目模块过程图解

    这篇文章主要介绍了基于Java Gradle复制项目模块过程图解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-06-06
  • Spring JPA联表查询之OneToOne源码详解

    Spring JPA联表查询之OneToOne源码详解

    这篇文章主要为大家介绍了Spring JPA联表查询之OneToOne源码详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • mybatis if test判断BigDecimal遇到的坑及解决

    mybatis if test判断BigDecimal遇到的坑及解决

    这篇文章主要介绍了mybatis if test判断BigDecimal遇到的坑及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • java 代理机制的实例详解

    java 代理机制的实例详解

    这篇文章主要介绍了java 代理机制的实例详解的相关资料,这里说明下如何实现代理机制,帮助大家理解掌握这部分内容,需要的朋友可以参考下
    2017-08-08
  • 一篇文章带你搞定JAVA Maven

    一篇文章带你搞定JAVA Maven

    Maven是每个Java程序都会遇到的包管理工具,今天整理一下Maven的相关知识,从青铜到王者,一文全了解,我们开始吧,希望对你有所帮助
    2021-07-07
  • Java简易登录注册小程序

    Java简易登录注册小程序

    这篇文章主要为大家详细介绍了Java图形界面开发,简易登录注册小程序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • IDEA中安装和使用Lombok插件的方法

    IDEA中安装和使用Lombok插件的方法

    Lombok是一个可以通过简单的注解形式来帮助我们简化消除一些必须有但显得很臃肿的Java代码的工具,通过使用对应的注解,可以在编译源码的时候生成对应的方法,本文重点给大家介绍IDEA中安装和使用Lombok插件的方法,感兴趣的朋友一起看看吧
    2021-06-06

最新评论