Spring Boot 中实现跨域的几种方式

前言

在现代Web应用中,由于安全性和隐私的考虑,浏览器限制了从一个域向另一个域发起的跨域HTTP请求。解决这个问题的一种常见方式是实现跨域资源共享(CORS)。Spring Boot提供了多种方式来处理跨域请求,本文将介绍其中的几种方法。

1. 使用@CrossOrigin注解

Spring Boot提供了一个注解@CrossOrigin,可以直接应用于控制器类或方法上,以声明允许跨域请求的配置。例如:

复制代码
@RestController
@CrossOrigin(origins = "http://localhost:3000")
public class MyController {
    // Controller methods
}

这种方法简单明了,但可能不够灵活,特别是当需要配置更多的跨域选项时。

2. 使用WebMvcConfigurer配置

通过实现WebMvcConfigurer接口,可以进行更细粒度的跨域配置。下面是一个例子:

复制代码
@Configuration
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/api/**")
                .allowedOrigins("http://localhost:3000")
                .allowedMethods("GET", "POST", "PUT", "DELETE")
                .allowCredentials(true);
    }
}

这种方式允许更多的自定义配置,适用于复杂的跨域场景。

3. 使用Filter配置

通过自定义Filter来处理跨域请求也是一种有效的方式。创建一个CorsFilter类,实现Filter接口:

复制代码
@Component
public class CorsFilter implements Filter {

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
            throws IOException, ServletException {
        HttpServletResponse httpResponse = (HttpServletResponse) response;
        httpResponse.setHeader("Access-Control-Allow-Origin", "http://localhost:3000");
        httpResponse.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");
        httpResponse.setHeader("Access-Control-Allow-Credentials", "true");

        chain.doFilter(request, response);
    }
}

然后,将该Filter注册到Spring Boot应用中。

4. 使用全局配置

在application.properties或application.yml中添加全局配置项:

复制代码
spring.mvc.cors.allowed-origins=http://localhost:3000
spring.mvc.cors.allowed-methods=GET,POST,PUT,DELETE
spring.mvc.cors.allow-credentials=true

这种方式不需要编写额外的Java代码,适用于全局的跨域配置。

相关推荐
weixin_4462608533 分钟前
HACO:面向动态部署环境的对冲式智能计算可靠多智能体调度框架
后端·python·flask
ttwuai2 小时前
Cursor 生成 CRUD 后,Go 后台接口别只测 200:JWT、RBAC 和 tenant_id 怎么验
开发语言·后端·golang
用户8356290780512 小时前
Python 实现 Excel 页面布局与打印设置自动化
后端·python
维天说2 小时前
CLI-Switch 2026年3月版历史设计:Hook、TTY 隔离与 JSON 状态
java·服务器·json
用户9931441579842 小时前
微服务框架中获取用户信息
后端
xuanWb2 小时前
手写一个 LLM API 网关:Anthropic 与 OpenAI 协议转换的完整实现
后端
苍何2 小时前
给 Codex 换皮肤这门生意,被我开源了
后端
用户8356290780512 小时前
Python 实现 Excel 命名范围(Named Range)的创建与管理
后端·python
程序员David3 小时前
我让 Claude 从架构文档一路干到代码,踩了三个坑才摸清边界
后端