后端解决跨域问题的方案

最新推荐文章于 2025-04-15 17:01:27 发布

hewenhaoxiansen

最新推荐文章于 2025-04-15 17:01:27 发布

阅读量387

点赞数

本文链接：https://blog.youkuaiyun.com/hewenhaoxiansen/article/details/109126201

版权

本文详细介绍了如何使用Spring框架的CorsFilter进行请求拦截，并设置了响应头参数，同时对比了Nginx的配置方法。重点在于前后端跨域问题的解决方案。

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

1.使用过滤器的方式，拦截所有请求，往响应头设置参数

@Component
@WebFilter(filterName = "corsFilter", urlPatterns = "/**")
public class CorsFilter implements Filter {

    @Override
    public void init(FilterConfig filterConfig) {}

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
        HttpServletResponse res = (HttpServletResponse) response;

        HttpServletRequest req = (HttpServletRequest) request;

        String origin = req.getHeader("Origin");

        if (StrUtil.isNotBlank(origin)) {
            //带cookie的时候，origin必须是全匹配，不能使用*
            res.addHeader("Access-Control-Allow-Origin", origin);
        }

        res.addHeader("Access-Control-Allow-Methods", "*");

        String headers = req.getHeader("Access-Control-Request-Headers");

        //支持所有自定义头
        if (StrUtil.isNotBlank(headers)) {
            res.addHeader("Access-Control-Allow-Headers", headers);
        }

        res.addHeader("Access-Control-Max-Age", "3600");

        //cookie是否有效
        res.addHeader("Access-Control-Allow-Credentials", "true");

        chain.doFilter(request, response);
    }

    @Override
    public void destroy() {}
}

2.使用nginx配置方式，在location块中加入下面这段配置

add_header Access-Control-Allow-Methods *;
add_header Access-Control-Max-Age 3600;
add_header Access-Control-Allow-Credentials true;

add_header Access-Control-Allow-Origin $http_origin;
add_header Access-Control-Allow-Headers $http_access_control_request_headers;

if ($request_method = OPTIONS){
    return 200;
}

3.使用Spring方式

需要在允许跨域请求的Controller类上加上@CrossOrigin注解