Spring Cloud Gateway跨域

最新推荐文章于 2025-06-29 22:23:17 发布

原创最新推荐文章于 2025-06-29 22:23:17 发布 · 635 阅读

0 ·

CC 4.0 BY-SA版权

SpringCloud-Gateway 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何通过实现WebFilter接口来创建一个CORSFilter，该过滤器用于处理跨源资源共享（CORS）请求，并避免二次跨域的问题。文章详细展示了如何设置允许的起源、方法、头信息及缓存时间等。

只需要实现WebFilter接口

import org.springframework.core.Ordered;
import org.springframework.core.annotation.Order;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpMethod;
import org.springframework.http.HttpStatus;
import org.springframework.http.server.reactive.ServerHttpRequest;
import org.springframework.http.server.reactive.ServerHttpResponse;
import org.springframework.stereotype.Component;
import org.springframework.web.cors.reactive.CorsUtils;
import org.springframework.web.server.ServerWebExchange;
import org.springframework.web.server.WebFilter;
import org.springframework.web.server.WebFilterChain;
import reactor.core.publisher.Mono;

/**
 * @Author XIAOBIN
 * @Date 2021/6/17
 * @Description:
 */

@Component
@Order(Ordered.HIGHEST_PRECEDENCE)
public class CORSFilter implements WebFilter {

    @Override
    public Mono<Void> filter(ServerWebExchange serverWebExchange, WebFilterChain webFilterChain) {
        ServerHttpRequest request = serverWebExchange.getRequest();
        if (CorsUtils.isCorsRequest(request)) {
            ServerHttpResponse response = serverWebExchange.getResponse();
            HttpHeaders headers = response.getHeaders();
            headers.add("Access-Control-Allow-Origin", "*");
            headers.add("Access-Control-Allow-Methods", "*");
            headers.add("Access-Control-Max-Age", "18000");
            headers.add("Access-Control-Allow-Headers", "*");
            if (request.getMethod() == HttpMethod.OPTIONS) {
                response.setStatusCode(HttpStatus.OK);
                return Mono.empty();
            }
        }
        return webFilterChain.filter(serverWebExchange);
    }
}

但是要注意一个问题：不要二次跨域！否则前端会报：

The 'Access-Control-Allow-Origin' header contains multiple values'x, *',
 but only one is allowed

因为用了网关以后都是将跨域放在网关解决，很容易忘掉原先服务上的：

@CrossOrigin(origins = "*", maxAge = 3600)

这样导致在网关上跨了一次域又在服务上跨了一次域从而跨域失败！