SpringBoot中如何实现跨域请求处理

跨域请求是指在浏览器上运行的Javascript脚本试图向不同于其所在的页面的服务器发起HTTP请求。在实际开发中，我们常常会遇到跨域请求的问题，特别是前后端分离的项目中。那么在SpringBoot中，我们应该如何处理跨域请求呢？

1. 添加CORS配置类

首先，我们需要创建一个CORS配置类来配置跨域请求处理规则。以下是一个简单的CORS配置类示例：

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
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() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        CorsConfiguration config = new CorsConfiguration();
        config.addAllowedOrigin("*"); // 允许所有来源
        config.addAllowedHeader("*"); // 允许所有请求头
        config.addAllowedMethod("*"); // 允许所有请求方法
        source.registerCorsConfiguration("/**", config);
        return new CorsFilter(source);
    }
}

在上面的示例中，我们通过CorsConfiguration配置跨域处理规则，并通过UrlBasedCorsConfigurationSource注册配置。最后返回一个CorsFilter来处理跨域请求。

2. 配置CORS细粒度控制

如果需要进行更细粒度的跨域配置，可以在CorsConfiguration中设置更多的参数，例如：

• setAllowCredentials(true)：是否发送Cookie信息
• setAllowedOrigins(Arrays.asList("http://localhost:8080"))：允许的源地址
• setAllowedMethods(Arrays.asList("GET", "POST"))：允许的请求方法
• setAllowedHeaders(Arrays.asList("Content-Type"))：允许的请求头

3. 测试跨域请求处理

当配置好跨域处理后，我们可以在前端发送跨域请求来测试。例如，在前端使用axios发送跨域请求：

axios.get('http://localhost:8080/api/data', {
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error(error);
});

在上面的例子中，我们向http://localhost:8080/api/data发送了一个GET请求，并设置了Content-Type请求头。若配置正确，就能收到服务器返回的数据。

总结

通过以上步骤，我们就可以在SpringBoot项目中实现跨域请求处理，确保前后端协作正常。在实际项目中，根据需求可以灵活配置跨域处理规则，提高项目的安全性和扩展性。希望这篇博客对你有所帮助，谢谢阅读！

本文来自极简博客，作者：心灵的迷宫，转载请注明原文链接：SpringBoot中如何实现跨域请求处理