当前位置: 首页 > news >正文

SpringBoot中解决跨域问题

一、使用@CrossOrigin注解
@CrossOrigin注解是Spring Boot提供的一个简单而直观的解决方案,它可以直接应用于控制器类或方法上。这种方式适合对特定接口或控制器进行跨域配置。

示例代码

@RestController
@RequestMapping("/api")
public class UserController {// 允许所有域名跨域访问该方法@CrossOrigin(origins = "*")@GetMapping("/getUser")public User getUser() {return new User("Alice", 25);}// 仅允许特定域名跨域访问@CrossOrigin(origins = "http://example.com")@PostMapping("/saveUser")public void saveUser(@RequestBody User user) {// 保存用户逻辑}
}

二、全局配置CORS
如果项目中的所有接口都需要支持跨域,全局配置CORS是一种更优雅的解决方案。我们可以通过实现WebMvcConfigurer接口来完成全局跨域配置。

示例代码

@Configuration
public class GlobalCorsConfig implements WebMvcConfigurer {@Override	public void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**") // 允许所有路径的请求.allowedOrigins("http://example.com") // 允许的来源.allowedMethods("GET", "POST", "PUT", "DELETE") // 允许的HTTP方法.allowedHeaders("*") // 允许的请求头.allowCredentials(true) // 是否允许发送Cookie.maxAge(3600); // 预检请求的缓存时间(秒)}
}

三、通过CorsFilter实现跨域
CorsFilter是Spring提供的另一种实现跨域的方式,它通过过滤器来处理跨域请求。这种方式同样可以实现全局跨域配置。

示例代码

@Configuration
public class CorsConfig {@Beanpublic CorsFilter corsFilter() {UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();CorsConfiguration config = new CorsConfiguration();config.setAllowCredentials(true); // 是否允许发送Cookieconfig.addAllowedOrigin("http://example.com"); // 允许的来源config.addAllowedHeader("*"); // 允许的请求头config.addAllowedMethod("*"); // 允许的HTTP方法source.registerCorsConfiguration("/**", config); // 应用于所有路径return new CorsFilter(source);}
}

四、通过自定义过滤器实现跨域
如果需要更灵活的跨域处理逻辑,可以自定义一个过滤器来实现跨域支持。这种方式允许我们在过滤器中编写复杂的逻辑,以满足特定的业务需求。

示例代码

@Component
public class CustomCorsFilter implements Filter {@Overridepublic void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)throws IOException, ServletException {HttpServletResponse res = (HttpServletResponse) response;res.addHeader("Access-Control-Allow-Origin", "http://example.com");res.addHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");res.addHeader("Access-Control-Allow-Headers", "Content-Type");res.addHeader("Access-Control-Allow-Credentials", "true");if ("OPTIONS".equalsIgnoreCase(((HttpServletRequest) request).getMethod())) {res.setStatus(HttpServletResponse.SC_OK);} else {chain.doFilter(request, response);}}
}

五、使用Nginx解决跨域问题
除了在Spring Boot中直接处理跨域问题,我们还可以通过Nginx来解决跨域问题。这种方式将跨域处理逻辑从后端代码中分离出来,由Nginx代理完成跨域支持。

示例配置

server {listen 80;server_name example.com;location /api {proxy_pass http://localhost:8081; // 后端服务地址add_header 'Access-Control-Allow-Origin' 'http://example.com';add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';add_header 'Access-Control-Allow-Headers' 'Content-Type';add_header 'Access-Control-Allow-Credentials' 'true';if ($request_method = 'OPTIONS') {add_header 'Access-Control-Max-Age' 1728000;add_header 'Content-Type' 'text/plain charset=UTF-8';add_header 'Content-Length' 0;return 204;}}
}

相关文章:

  • 74道TypeScript高频题整理(附答案背诵版)
  • 20250528-C#知识:强制类型转换
  • Vue2+Vuex通过数组动态生成store数据(扁平模式)
  • AMBA-AHB的地址译码
  • 在线临床指标分类信息表转甜甜圈矩阵图
  • 使用dig查看dns递归查询过程
  • 操作系统 | 第一章:操作系统引论思维导图
  • 【CAPL实战】LIN校验和测试
  • 模型微调参数入门:核心概念与全局视角
  • Step9—Ambari Web UI 初始化安装 (Ambari3.0.0)
  • Proguard代码混淆-springboot3
  • spring4第3课-ioc控制反转-详解依赖注入的4种方式
  • SpringBoot项目快速打包与部署,War包⽅式打包部署与Jar包⽅式打包部署两种方式
  • 基于Vue3.0的【Vis.js】库基本使用教程(002):图片知识图谱的基本构建和设置
  • SpringBoot Controller接收参数方式
  • SpringBoot使用ffmpeg实现视频压缩
  • vue+elementUi+axios实现分页(MyBatis、Servlet)
  • Baklib内容中台驱动资源高效整合
  • matlab中绘图函数plot
  • 《vue.js快速入门》链接摘抄整理
  • 长春火车站停车场24小时收费标准/简单网页制作模板
  • ui做网站实例/镇江网站定制
  • 备案 非网站/在线代理浏览网址
  • 做地方网站要办什么证/电商网站分析
  • 英文垃圾站wordpress/营销助手下载app下载
  • 低价做网站/千锋培训机构官网