正文

springboot实现跨域的5种方式，总有一种适合你，建议收藏！！(代码片段)

Java技术栈  Java技术栈  2022-12-10  795

关键词：

一、为什么会出现跨域问题

出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。

同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）

二、什么是跨域

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

三、非同源限制

无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB
无法接触非同源网页的 DOM
无法向非同源地址发送 AJAX 请求

四、java 后端实现 CORS 跨域请求的方式

对于 CORS的跨域请求，主要有以下几种方式可供选择：

返回新的CorsFilter
重写 WebMvcConfigurer
使用注解 @CrossOrigin
手动设置响应头 (HttpServletResponse)
自定web filter 实现跨域

注意:

CorFilter / WebMvConfigurer / @CrossOrigin 需要 SpringMVC 4.2以上版本才支持，对应springBoot 1.3版本以上
上面前两种方式属于全局 CORS 配置，后两种属于局部 CORS配置。如果使用了局部跨域是会覆盖全局跨域的规则，所以可以通过 @CrossOrigin 注解来进行细粒度更高的跨域资源控制。
其实无论哪种方案，最终目的都是修改响应头，向响应头中添加浏览器所要求的数据，进而实现跨域

1.返回新的 CorsFilter(全局跨域)

Spring Boot 基础就不介绍了，推荐下这个实战教程：

https://github.com/javastacks/spring-boot-best-practice

在任意配置类，返回一个新的 CorsFIlter Bean ，并添加映射路径和具体的CORS配置路径。

@Configuration
public class GlobalCorsConfig 
    @Bean
    public CorsFilter corsFilter() 
        //1. 添加 CORS配置信息
        CorsConfiguration config = new CorsConfiguration();
        //放行哪些原始域
        config.addAllowedOrigin("*");
        //是否发送 Cookie
        config.setAllowCredentials(true);
        //放行哪些请求方式
        config.addAllowedMethod("*");
        //放行哪些原始请求头部信息
        config.addAllowedHeader("*");
        //暴露哪些头部信息
        config.addExposedHeader("*");
        //2. 添加映射路径
        UrlBasedCorsConfigurationSource corsConfigurationSource = new UrlBasedCorsConfigurationSource();
        corsConfigurationSource.registerCorsConfiguration("/**",config);
        //3. 返回新的CorsFilter
        return new CorsFilter(corsConfigurationSource);

2. 重写 WebMvcConfigurer(全局跨域)

@Configuration
public class CorsConfig implements WebMvcConfigurer 
    @Override
    public void addCorsMappings(CorsRegistry registry) 
        registry.addMapping("/**")
                //是否发送Cookie
                .allowCredentials(true)
                //放行哪些原始域
                .allowedOrigins("*")
                .allowedMethods(new String[]"GET", "POST", "PUT", "DELETE")
                .allowedHeaders("*")
                .exposedHeaders("*");

3. 使用注解 (局部跨域)

在控制器(类上)上使用注解 @CrossOrigin:，表示该类的所有方法允许跨域。

@RestController
@CrossOrigin(origins = "*")
public class HelloController 
    @RequestMapping("/hello")
    public String hello() 
        return "hello world";

Spring Boot 系列最全教程看这里：https://www.javastack.cn/springboot/

在方法上使用注解 @CrossOrigin:

@RequestMapping("/hello")
@CrossOrigin(origins = "*")
 //@CrossOrigin(value = "http://localhost:8081") //指定具体ip允许跨域
public String hello() 
    return "hello world";

4. 手动设置响应头(局部跨域)

使用 HttpServletResponse 对象添加响应头(Access-Control-Allow-Origin)来授权原始域，这里 Origin的值也可以设置为 “*”,表示全部放行。

@RequestMapping("/index")
public String index(HttpServletResponse response) 
    response.addHeader("Access-Allow-Control-Origin","*");
    return "index";

5. 使用自定义filter实现跨域

首先编写一个过滤器，可以起名字为MyCorsFilter.java

package com.mesnac.aop;

import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Component;
@Component
public class MyCorsFilter implements Filter 
  public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException 
    HttpServletResponse response = (HttpServletResponse) res;
    response.setHeader("Access-Control-Allow-Origin", "*");
    response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
    response.setHeader("Access-Control-Max-Age", "3600");
    response.setHeader("Access-Control-Allow-Headers", "x-requested-with,content-type");
    chain.doFilter(req, res);
  
  public void init(FilterConfig filterConfig) 
  public void destroy()

在web.xml中配置这个过滤器，使其生效

<!-- 跨域访问 START-->
<filter>
 <filter-name>CorsFilter</filter-name>
 <filter-class>com.mesnac.aop.MyCorsFilter</filter-class>
</filter>
<filter-mapping>
 <filter-name>CorsFilter</filter-name>
 <url-pattern>/*</url-pattern>
</filter-mapping>
<!-- 跨域访问 END  -->

都学会了吧？建议收藏备用！

版权声明：本文为CSDN博主「T-OPEN」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/weter_drop/article/details/112135940

近期热文推荐：

1.1,000+ 道 Java面试题及答案整理(2022最新版)

2.劲爆！Java 协程要来了。。。

3.Spring Boot 2.x 教程，太全了！

4.别再写满屏的爆爆爆炸类了，试试装饰器模式，这才是优雅的方式！！

5.《Java开发手册（嵩山版）》最新发布，速速下载！

觉得不错，别忘了随手点赞+转发哦！

springboot中实现跨域的5种方式(代码片段)

对于CORS的跨域请求，主要有以下几种方式可供选择：1、返回新的CorsFilter(全局跨域)packagecom.cfit.framework.config;importorg.springframework.context.annotation.Bean;importorg.springframework.context.annotation.Configuration;importorg.springframework.web.cors.Cor... 查看详情

解决springboot跨域的三种方式

原文链接: https://3water.com/article/cMTM39MjMzdLmY5一、什么是跨域1.1、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏... 查看详情

蚂蚁二面：springboot实现跨域有几种方式？

一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说W... 查看详情

相对url：协议名跨域的一种处理方式

...对于JavaScript的同源策略的限制，简言之就是我们常说的跨域。处理　　处理跨域的方式有很多，对于前端而言，JSONP是不错的选择。但现阶段，大多数第三方平台会同时提供https和http两种协议下的可访问资源地址，尤其是CDN资源... 查看详情

springboot(十三)cors方式实现跨域

什么是跨域？浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。跨域资源访问是经常会遇到的场景，当一个资源从与该资源本身所在的服务器不同的域或端口请求一个资源时，资源便... 查看详情

springboot配置cors跨域的几种方法(代码片段)

作记录用请参考https://blog.csdn.net/lizc_lizc/article/details/81155895 第一种:　　在每个controller上添加 @CrossOrigin第二种：使用拦截器　　1、方法一@ConfigurationpublicclassCorsConfig@BeanpublicCorsFiltercorsFilter()final 查看详情

详解cors跨域的几种不同实现方式(代码片段)

CORS定义CORS是一个W3C标准，全称是"跨域资源共享"（Cross-originresourcesharing），它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。提供了Web服务从不同域传来沙盒脚本的方法，以避开浏览器的... 查看详情

springboot解决跨域的四种姿势(代码片段)

简介跨域我就不多说了，我们今天开门见山直接解决跨域的几种姿势，那就上姿势姿势姿势一importorg.springframework.context.annotation.Configuration;importorg.springframework.web.servlet.config.annotation.CorsRegistry;importorg.springframework.web.s 查看详情

依靠前端解决跨域问题的几种方式

...在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同查看详情

跨域的几种方法(代码片段)

1、jsonp最常见的一种跨域方式，其背后原理就是利用了script标签不受同源策略的限制，在页面中动态插入了script，script标签的src属性就是后端api接口的地址，并且以get的方式将前端回调处理函数名称告诉后端，后端在响应请求时... 查看详情

记录--跨域的五种最常见解决方案

...在网上总结出来的一些知识，希望对大家有所帮助什么是跨域？跨域不是问题，是一种安全机制。浏览器有一种策略名为同源策略，同源策略规定了部分请求不能被浏览器所接受。值得一提的是：同源策略导致的跨域是浏览器单... 查看详情

springboot的cros跨域问题经常始终不能解决跨域的原因

SpringBoot的Cros跨域问题经常始终不能解决跨域的原因问题问题的根本原因配置方法SpringBoot2.2.X版本SpringBoot2.5.X版本问题在配置跨域的@Configuration的时候，发现无论是.allowedOrigns()还是.allowedOriginParrtens()都解决不了的时候请看... 查看详情

跨域的三种解决方式

跨域问题跨域问题对于WEB前端工程师来说是比较重要的一个问题，因为我们时常需要去解决这样的问题，在其他类型的前端开发来说，他们并没有跨域问题跨域问题的产生因为浏览器有同源策略：只有在同域名，同端口，同协议... 查看详情

springboot的cros跨域问题经常始终不能解决跨域的原因(代码片段)

springboot解决全局和局部跨域问题的两种方式(代码片段)

前言在如今前后端分离的开发模式下，跨域是一个非常经典的问题，解决的方式也有很多，比如代理服务器，使用JSONP我之前也写过一篇解决跨域问题的文章，感兴趣的可以参考：解决Vue前后端跨域问题的... 查看详情

springboot的cros跨域问题经常始终不能解决跨域的原因(代码片段)

jquery中ajax处理跨域的三大方式

...：1.代理2.XHR2HTML5中提供的XMLHTTPREQUESTLevel2（及XHR2）已经实现了跨域访问。但ie10以下不支持只需要在服务端填上响应头：?123header("Access-Control-Allow-Origin:*");/*星号表示所有的域都可以接受，*/header("Access-Control-Allow-Methods:GET,POST");3 查看详情

正文

springboot实现跨域的5种方式，总有一种适合你，建议收藏！！(代码片段)

一、为什么会出现跨域问题

二、什么是跨域

三、非同源限制

四、java 后端 实现 CORS 跨域请求的方式

1.返回新的 CorsFilter(全局跨域)

2. 重写 WebMvcConfigurer(全局跨域)

3. 使用注解 (局部跨域)

4. 手动设置响应头(局部跨域)

5. 使用自定义filter实现跨域

springboot中实现跨域的5种方式(代码片段)

解决springboot跨域的三种方式

蚂蚁二面：springboot实现跨域有几种方式？

相对url：协议名跨域的一种处理方式

springboot(十三)cors方式实现跨域

springboot配置cors跨域的几种方法(代码片段)

详解cors跨域的几种不同实现方式(代码片段)

springboot解决跨域的四种姿势(代码片段)

依靠前端解决跨域问题的几种方式

跨域的几种方法(代码片段)

记录--跨域的五种最常见解决方案

springboot的cros跨域问题经常始终不能解决跨域的原因

跨域的三种解决方式

springboot的cros跨域问题经常始终不能解决跨域的原因(代码片段)

springboot的cros跨域问题经常始终不能解决跨域的原因(代码片段)

springboot解决全局和局部跨域问题的两种方式(代码片段)

springboot的cros跨域问题经常始终不能解决跨域的原因(代码片段)

jquery中ajax处理跨域的三大方式

四、java 后端实现 CORS 跨域请求的方式