CORS跨域配置：一网打尽Spring Boot方案

2023-12-14 05:55:44

解决跨域问题：Spring Boot CORS和其它权威方法

跨域资源共享（CORS）是Web开发中的一个普遍难题。当浏览器尝试访问不同域上的资源时，就会出现跨域问题，这可能会阻碍前端应用程序的功能和效率。然而，Spring Boot提供了一个强大的解决方案，让我们得以轻松配置CORS，从而解决跨域问题。此外，还有其他方法，如JSONP、OAuth2和REST API，也可以用来解决跨域问题。

一、Spring Boot CORS配置

Spring Boot通过 CorsConfiguration 类提供了对CORS的一流支持。我们可以使用Java配置类或XML方式来配置CORS：

Java配置类方式：

@Configuration
public class CorsConfig {

    @Bean
    public CorsFilter corsFilter() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.setAllowedOrigins(Arrays.asList("http://localhost:8080"));
        corsConfiguration.setAllowedMethods(Arrays.asList("GET", "POST", "PUT", "DELETE"));
        corsConfiguration.setAllowedHeaders(Arrays.asList("Origin", "Content-Type", "Accept"));
        corsConfiguration.setMaxAge(1800L);
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", corsConfiguration);
        return new CorsFilter(source);
    }
}

XML方式：

<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd">

    <bean id="corsFilter" class="org.springframework.web.filter.CorsFilter">
        <property name="corsConfigurationSource">
            <bean class="org.springframework.web.cors.UrlBasedCorsConfigurationSource">
                <property name="corsConfigurations">
                    <map>
                        <entry key="/**">
                            <bean class="org.springframework.web.cors.CorsConfiguration">
                                <property name="allowedOrigins" value="http://localhost:8080"/>
                                <property name="allowedMethods" value="GET,POST,PUT,DELETE"/>
                                <property name="allowedHeaders" value="Origin,Content-Type,Accept"/>
                                <property name="maxAge" value="1800"/>
                            </bean>
                        </entry>
                    </map>
                </property>
            </bean>
        </property>
    </bean>

</beans>