java解决CORS跨域问题【总结】

在 Java 后端处理 CORS 错误,一般需要通过设置响应头信息来实现。具体而言,可以在响应头中添加 Access-Control-Allow-Origin 等相关的 CORS 头信息,以告诉浏览器该请求是否允许跨域访问。

一、出现原因

为了维护浏览器的安全,指定了同源策略也就是域名、协议、端口均相同的才能进行访问,当页面在执行一个脚本时会检查访问的资源是否同源,如果非同源,那么在请求数据时,就会被浏览器拦截

示例:

1.1 端口不同

html 复制代码
http://localhost:8080/index.html
http://locahost/user     //(默认80)

1.2 域名不同

html 复制代码
http://abc.com
http://abd.com/post/

1.3 协议不同

html 复制代码
http://abc.com
https://abc.com

二. 解决办法(二选一)

2.1 使用过滤器:

Java Servlet 规范提供了 Filter 接口,可以用于在请求和响应之间添加额外的处理逻辑。你可以编写一个过滤器来拦截所有的请求,并在响应头中添加 CORS 相关的头信息。例如:

java 复制代码
import javax.servlet.*;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebFilter("/*")
@Component
public class CorsFilter implements Filter {
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        // 初始化方法,可以留空
    }

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) servletResponse;
        
        // 设置允许访问的来源地址,这里设置为允许任何来源进行跨域请求
        response.setHeader("Access-Control-Allow-Origin", "*");
        
        // 设置允许的请求方法,如 GET、POST 等
        response.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");
        
        // 设置允许的请求头信息
        response.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization");
        
        // 继续执行过滤器链
        filterChain.doFilter(servletRequest, servletResponse);
    }

    @Override
    public void destroy() {
        // 销毁方法,可以留空
    }
}
  • 在上述示例中,我们通过设置 Access-Control-Allow-Origin 头信息为 *,表示允许任何来源进行跨域请求。
  • 在上面的示例中,我们使用 @WebFilter("/") 注解标记了这是一个过滤器,并且指定了需要过滤的 URL 模式为 "/",即所有的请求。当你的 Servlet 容器支持 Servlet 3.0 及以上的规范时,就可以使用这种方式来配置过滤器,而不必再使用传统的 web.xml 文件。
  • 如果你的项目运行在较老的 Servlet 容器中,可能不支持基于注解的方式,这时你仍然需要在 web.xml 中进行过滤器的显式声明。如下
xml 复制代码
<filter>
    <filter-name>CorsFilter</filter-name>
    <filter-class>com.example.CorsFilter</filter-class>
</filter>
<filter-mapping>
    <filter-name>CorsFilter</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

2.2 定义Configuration

java 复制代码
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;
 

@Configuration
public class CorsConfig {
    /**
     * 跨域过滤器
     * @return
     */
    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", buildConfig());
        return new CorsFilter(source);
    }
    private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        /** 允许任何域名使用 */
//        corsConfiguration.addAllowedOrigin("*");
        corsConfiguration.addAllowedOriginPattern("*");
        /** 允许的请求头 */
        corsConfiguration.addAllowedHeader("*");
        /** 允许的方法 */
        corsConfiguration.addAllowedMethod("*");
 
        corsConfiguration.addExposedHeader("Set-Cookie");
        corsConfiguration.setAllowCredentials(true);
        return corsConfiguration;
    }
 
}
  • 这里只需要对域名、头、使用方法设置"*",即全部允许就可以了。
  • 注解释义:
    @Configuration 标注在类上,相当于把该类作为spring的xml配置文件中的,作用为:配置spring容器(应用上下文)
    @Bean 标注在方法上(返回某个实例的方法),等价于spring的xml配置文件中的,作用为:注册bean对象
相关推荐
wewowilling17 分钟前
认识微服务
java·运维·微服务·springcloud
代码什么用37 分钟前
Java Web 7-10
java·servlet
沫璃染墨43 分钟前
《Qt从零入门系列(十三):QSS样式表详解——从选择器与层叠规则到控件美化实战》
开发语言·css·c++·qt·ui·qt6.3·qss
达子6661 小时前
RUST 图解 第 3 章:通用编程概念(Common Programming Concepts)
开发语言·算法·rust
道尔柯南2 小时前
C++ 面向对象编程入门:类和对象(上)
开发语言·c++·算法
楠楠子呀2 小时前
英语、西语、阿语客户各开一个口:多语言获客的分流方案
开发语言·javascript·ecmascript·跨境电商·whatsapp·营销工具
tachibana22 小时前
使用for range 的时候,它的地址会发生变化吗?
开发语言·后端·golang·go·语法
蜗牛互联网2 小时前
GPT-6 与 Intelligent UI:从回答到可审计操作的产品迁移
java·人工智能·后端
临床数据科学和人工智能兴趣组3 小时前
正则表达式的基础语法的基本符号
开发语言·人工智能·python·正则表达式·r语言·r语言-4.2.1·workbudyy
王中阳Go3 小时前
Go 后端转 AI:非科班怎么补?一张 3 列路线表(可保存)
开发语言·人工智能·后端·python·golang·大语言模型