springboot解决前后端分离时的跨域问题

这篇文章主要介绍了springboot如何解决前后端分离时的跨域问题，帮助大家更好的理解和学习使用springboot，感兴趣的朋友可以了解下

我们知道，http请求都是无状态，现在比较流行的都是jwt的形式处理无状态的请求，在请求头上带上认证参数（token等），前后端分离有好处，也有坏处，第一次开发前后端分离项目的人，肯定会遇到前端请求跨域的问题，这个怎么处理呢?在说处理方案前，有必要说明一下为什么会跨域和什么是跨域？

一、为什么会跨域？

出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）

二、什么是跨域？

当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域

当前页面url	被请求页面url	是否跨域	原因
https://www.52fansite.com/	https://www.52fansite.com/index.html	否	同源（协议、域名、端口号相同）
https://www.52fansite.com/	http://www.52fansite.com/index.html	是	协议不同（https/http）
https://www.52fansite.com/	https://www.baidu.com/	是	主域名不同（52fansite/baidu）
https://www.52fansite.com/	https://layui.52fansite.com/	是	子域名不同（www/layui）
https://www.52fansite.com:8080/	https://www.52fansite.com:8081/	是	同源（协议、域名、端口号相同）

三、处理跨域

1、在controller的类上或方法上添加注解

1.1类上加注解

 @RestController<i style="color:transparent">来源gaodai$ma#com搞$$代**码)网</i> @CrossOrigin(origins = "*") public class CorsController {     @GetMapping("/cors")     public String testCors() {         return "success";     } }

1.2方法上加注解

 @RestController public class CorsController {     @CrossOrigin(origins = "*")     @GetMapping("/cors")     public String testCors() {         return "success";     } }

2、在启动类配置全局cors(springboot2.0已经过时)

 @SpringBootApplication public class Application {  public static void main(String[] args) {   SpringApplication.run(Application.class, args);  }  @Bean  public WebMvcConfigurer corsConfigurer() {   return new WebMvcConfigurerAdapter() {    @Override    public void addCorsMappings(CorsRegistry registry) {     registry.addMapping("/*").allowedOrigins("*");    }   };  } }

替换为

 @SpringBootApplication public class Application {  public static void main(String[] args) {   SpringApplication.run(Application.class, args);  }  @Bean  public WebMvcConfigurer corsConfigurer() {   return new WebMvcConfigurer() {    @Override    public void addCorsMappings(CorsRegistry registry) {     registry.addMapping("/*").allowedOrigins("*");    }   };  } }

3、注册corsFilter

 @Configuration public class CorsConfig {          @Bean     public CorsFilter corsFilter() {         final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();         final CorsConfiguration config = new CorsConfiguration();         config.setAllowCredentials(true);         config.addAllowedOrigin("*");         config.addAllowedHeader("*");         config.addAllowedMethod("*");         source.registerCorsConfiguration("/**", config);         return new CorsFilter(source);     } }

以上就是springboot解决前后端分离时的跨域问题的详细内容，更多关于springboot解决跨域的资料请关注gaodaima搞代码网其它相关文章！

以上就是springboot解决前后端分离时的跨域问题的详细内容，更多请关注gaodaima搞代码网其它相关文章！

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：springboot解决前后端分离时的跨域问题