解决前后端跨域报错：has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘

最新推荐文章于 2025-10-21 19:48:14 发布

原创最新推荐文章于 2025-10-21 19:48:14 发布 · 2.6w 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#java #前端 #spring boot

本文介绍了一个前端项目（IP1）尝试访问不同IP端口（IP2）上的SpringBoot接口时遇到的跨域问题。错误信息显示请求被浏览器的CORS策略阻止，因为缺少'Access-Control-Allow-Origin'头。为解决此问题，文章提供了一个配置类`CorsConfig`，通过在SpringBoot中添加CORS映射设置，允许所有源访问并配置相关响应头，以实现跨域访问。

一、报错信息

has been blocked by CORS policy: No 'Access-Control-Allow-Origin'
 header is present on the requested resource.

来自一个IP端口的页面（前端项目），要访问另一个IP端口的资源（springboot请求接口），会产生跨域访问。

二、解决方法：增加配置类CorsConfig

@Configuration
public class CorsConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry){
        registry.addMapping("/**")
                .allowedOriginPatterns("*")
                .allowedHeaders(CorsConfiguration.ALL)
                .allowedMethods(CorsConfiguration.ALL)
                .allowCredentials(true)
                .maxAge(3600);
    }
}