SpringBoot:如何解决跨域问题，详细方案和示例代码

liuian 2025-09-18 03:45 32 浏览

跨域问题在前端开发中经常会遇到，特别是在使用Spring Boot框架进行后端开发时。解决跨域问题的方法有很多，我将为你提供一种详细的方案，包含示例代码。

首先，让我们了解一下什么是跨域问题。跨域是指在浏览器中，当一个请求的源（Origin）与目标资源的域名、协议或端口不一致时，就会产生跨域问题。浏览器为了安全起见，默认阻止了这些跨域请求。

要解决Spring Boot中的跨域问题，可以使用CORS（跨域资源共享）机制。下面是解决跨域问题的详细方案：

在后端代码中，创建一个配置类，用于配置CORS。

@Configuration
public class CorsConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*") // 允许所有域名访问，可以根据实际需求进行配置
                .allowedMethods("GET", "POST", "PUT", "DELETE") // 允许的请求方法
                .allowedHeaders("*") // 允许的请求头
                .allowCredentials(true) // 允许携带凭证（如Cookie）
                .maxAge(3600); // 预检请求的有效期，单位为秒
    }
}

在上述代码中，我们使用CorsRegistry对象配置了允许跨域请求的规则。这里的示例中，我们允许所有域名访问，可以根据实际需求进行配置。

在前端代码中，设置请求头信息。

// 示例代码为前端使用axios发送请求的情况
axios.defaults.baseURL = 'http://localhost:8080'; // 设置后端接口的基础URL

axios.interceptors.request.use(config => {
  config.headers['Content-Type'] = 'application/json'; // 设置请求头的Content-Type
  config.headers['Access-Control-Allow-Origin'] = '*'; // 允许所有域名跨域访问，可以根据实际需求进行配置
  return config;
});

在上述代码中，我们使用axios发送请求，并设置了请求头信息。其中，
Access-Control-Allow-Origin用于指定允许跨域访问的域名，示例中设置为"*"表示允许所有域名跨域访问。

通过以上两个步骤，我们就完成了Spring Boot中解决跨域问题的配置。

需要注意的是，在实际项目中，我们应该根据实际需求来配置CORS规则，例如限制允许访问的域名、请求头等。

预检请求