springboot项目中解决跨域问题，前端无法访问后端数据

最新推荐文章于 2025-04-05 11:11:27 发布

IABQL

最新推荐文章于 2025-04-05 11:11:27 发布

阅读量1.8k

点赞数

本文链接：https://blog.youkuaiyun.com/qq_48078182/article/details/123547114

版权

Spring 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了三种在Spring Boot中解决跨域问题的方法。第一种是在接口上直接使用@CrossOrigin注解，第二种是创建一个配置类并定义一个CorsFilter Bean，允许所有源访问。第三种方法是实现WebMvcConfigurer接口，通过addCorsMappings方法配置跨域设置，允许所有方法和源，并设置其他参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种方式

在需要访问的接口上加上注解 @CrossOrigin

例：

    @RequestMapping(path = "/index", method = RequestMethod.GET)
    @ResponseBody
    @CrossOrigin//解决跨域问题
    public List<Map<String,Object>> getIndexPage2(){

        List<String> res= new ArrayList<>();
        res.add("spring");
        res.add("boot");

        //返回数据给前端
        return res;
    }

第二种方式

创建一个配置类，代码如下：

@Configuration
public class CorsConfig implements WebMvcConfigurer {
    @Bean
    public CorsFilter corsFilter() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedOrigin("/**");//允许哪些域访问
        corsConfiguration.addAllowedHeader("*");//允许哪些请求头访问
        corsConfiguration.addAllowedMethod("*");//允许哪些请求方法访问
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**",corsConfiguration);//设置映射
        return new CorsFilter(source);
    }
}

第三种方式

创建一个配置类，代码如下：

@Configuration
public class CorsConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**").//设置映射
                allowedOriginPatterns("*").//允许哪些域访问
                allowedMethods("GET","POST","PUT").//允许哪些请求方法访问
                allowCredentials(true).//是否可以携带Cookie
                maxAge(3600).//3600秒内可以不用再访问该配置（是否允许该配置中的设置）
                allowedHeaders("*");//允许哪些请求头访问
    }
}