跨域难题迎刃而解：SpringMVC为你保驾护航

后端

2023-03-07 01:10:41

当Web应用中的JavaScript尝试访问另一个不同域名下的资源时，浏览器会因为同源策略（Same-Origin Policy）限制而阻止这种请求。这种情况就称为“跨域”问题。在前端与后端分离的开发模式中，这一问题是常见挑战之一。

解决方案概览

为了解决上述问题，开发者可以利用多种技术手段，包括CORS（跨源资源共享）、JSONP以及代理服务等。其中，CORS是当前最推荐的方法，因为它具有更强的安全性和灵活性，并且在现代浏览器中广泛支持。

CORS原理及配置步骤

启用CORS的原理

CORS允许服务器通过特定响应头来指定哪些域可以访问资源。当客户端发出跨域请求时，浏览器会先发送一个预检请求（Preflight Request），询问服务器是否允许该操作。如果服务器返回了正确的响应头，浏览器将执行实际的数据请求。

SpringMVC中的配置

在SpringMVC应用中启用CORS主要通过两种方式实现：全局配置和局部配置。

全局配置

对于大多数场景而言，可以在项目启动时统一设置跨域策略：

@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        // 设置允许哪些域名下的请求可以访问资源。
        registry.addMapping("/**")
                .allowedOrigins("*")  // 允许所有来源的域。
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS") // 指定支持的方法。
                .allowCredentials(true) // 是否允许发送Cookie等认证信息。
                .maxAge(3600); // 预检请求的有效期，单位为秒。
    }
}

局部配置

若仅需对部分API启用CORS，则可以使用注解方式：

@RestController
@RequestMapping("/api")
public class ApiController {
    
    @CrossOrigin(origins = "http://example.com", maxAge = 3600)
    @GetMapping("/data")
    public String getData() {
        return "This is data from api.";
    }
}