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

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

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

一、报错信息

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);
    }
}
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值