前后端分离后，解决跨域问题

关注

转载最新推荐文章于 2026-08-14 12:06:37 发布 221 阅读 AI 写同款· GEO 优化 ›

前后端分离项目跨域问题及解决方案目录 1、什么是跨域 2、前后端分离项目中的跨域问题 3、方法一：SpringBoot后端进行处理 4、方法二：在Vue前端进行处理 5、总结 1、什么是跨域请求同域资源：在域名（或 ip 地址）相同，端口号相同下的请求资源，可以看做是同域资源请求跨域资源：请求的资源只要是域名（或 ip 地址）、端口号中任意一个不同的资源都可以认为是跨域资源如：端口... 阅读详情

转载：https://blog.youkuaiyun.com/zhaokejin521/article/details/81007884

1.重写WebMvcConfigurer（全局跨域）
在任意配置类，返回一个新的WebMvcConfigurer Bean，并重写其提供的跨域请求处理的接口，目的是添加映射路径和具体的CORS配置信息。

@Configuration
public class GlobalCorsConfig {
    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            //重写父类提供的跨域请求处理的接口
            public void addCorsMappings(CorsRegistry registry) {
                //添加映射路径
                registry.addMapping("/**")
                        //放行哪些原始域
                        .allowedOrigins("*")
                        //是否发送Cookie信息
                        .allowCredentials(true)
                        //放行哪些原始域(请求方式)
                        .allowedMethods("GET","POST", "PUT", "DELETE")
                        //放行哪些原始域(头部信息)
                        .allowedHeaders("*")
                        //暴露哪些头部信息（因为跨域访问默认不能获取全部头部信息）
                        .exposedHeaders("Header1", "Header2");
            }
        };
    }
}

注意：

如果使用了Spring Security，请确保在Spring Security已经启用CORS

@EnableWebSecurity
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.cors().and()...
    }
}

收录于