spring boot前端访问出现跨域问题has been blocked by CORS policy

1、跨域问题has been blocked by CORS policy

解决方法:服务端配置一个跨域类,注意:需要把

.allowedOrigins("*")改成
.allowedOriginPatterns("*")// 允许所有域名

如下:

/**
 * 跨域配置类
 */
@Configuration
public class CorsConfig {
    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**")// 对所有请求路径
//                        .allowedOrigins("*")// 允许所有域名
                        .allowedOriginPatterns("*")// 允许所有域名
                        .allowCredentials(true)// 允许cookie等凭证
                        .allowedMethods("GET", "POST", "DELETE", "PUT", "PATCH")// 允许所有方法
                        .maxAge(3600);
            }
        };
    }
}
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Spring Boot中,当你在前端页面中通过Ajax请求后端接口时,可能会遇到"has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource"的错误。这是由于浏览器的同源策略所导致的。 同源策略是一种安全机制,它限制了不同源(协议、域名、端口)之间的交互。当你的前端页面和后端接口不满足同源策略时,浏览器会阻止跨域请求。 为了解决这个问题,你可以在后端接口中添加CORS配置。在Spring Boot中,你可以通过添加一个过滤器来实现。以下是一个简单的示例: 1. 创建一个名为CORSFilter的类,并实现javax.servlet.Filter接口。 2. 在doFilter方法中,设置响应头信息,允许指定的域名进行跨域请求。例如,设置"Access-Control-Allow-Origin"为"*"表示允许所有域名进行跨域请求。 3. 将该过滤器注册到Spring Boot应用程序中。 下面是一个示例代码: ```java import org.springframework.stereotype.Component; import javax.servlet.*; import javax.servlet.http.HttpServletResponse; import java.io.IOException; @Component public class CORSFilter implements Filter { @Override public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletResponse httpResponse = (HttpServletResponse) response; httpResponse.setHeader("Access-Control-Allow-Origin", "*"); httpResponse.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE"); httpResponse.setHeader("Access-Control-Max-Age", "3600"); httpResponse.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization, Accept, X-Requested-With, remember-me"); chain.doFilter(request, response); } } ``` 请注意,这只是一个简单的示例,你可以根据你的实际需求进行配置。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值