gateway跨域问题

最新推荐文章于 2025-03-06 14:11:35 发布

努力的阿花.

最新推荐文章于 2025-03-06 14:11:35 发布

阅读量1.1k

点赞数 3

分类专栏：分布式微服务 springcloud

本文链接：https://blog.youkuaiyun.com/gloamer/article/details/121693033

版权

Spring Gateway 跨域过滤器 WebCrossFilter 配置

关键词由优快云通过智能技术生成

springcloud 同时被 2 个专栏收录

6 篇文章

订阅专栏

分布式微服务

4 篇文章

订阅专栏

本文介绍了在使用Spring Gateway时遇到前端跨域异常的解决方案，通过自定义过滤器WebCrossFilter来处理跨域请求。首先引入spring-boot-starter-tomcat依赖，然后创建WebCrossFilter实现Filter接口，设置响应头以允许跨域。接着配置过滤器WebFilterConfig，注册过滤器并指定匹配路径。最后，前端请求将不再出现跨域问题。此外，还提供了在application.yml中配置跨域的替代方案。

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

今天遇到一个很奇怪的问题，就是我postman测试的好好的可以访问，但是前端一请求就出了一个跨域的异常，其实这个问题很好解决，只需要配置一下就好了。

只需要下面两个类

首先我们需要自定义一个过滤器，但是要实现Filter接口的话，得有spring-boot-start-web的依赖，问题又来了 gateway的依赖刚好和spring-boot-start-web冲突了所以咱们就不可以引入spring-boot-start-web的依赖，gateway的依赖又没有对应的Filter接口，所以咱们用另一个依赖

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-tomcat</artifactId>
        </dependency>

引入完依赖之后，去写咱们的过滤器(WebCrossFilter)

/**
 * 跨域过滤器
 * @author: shenwang
 * Date: 2021/12/3
 */
public class WebCrossFilter implements Filter {

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {

    }

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        HttpServletResponse res = (HttpServletResponse)servletResponse;
        HttpServletRequest req = (HttpServletRequest)servletRequest;
        res.setHeader("Access-Control-Allow-Origin", req.getHeader("Origin"));
        res.setHeader("Access-Control-Allow-Methods", "GET,POST,OPTIONS,PUT,DELETE");
        res.setHeader("Access-Control-Max-Age", "3600");
        res.setHeader("Access-Control-Allow-Headers", req.getHeader("Access-Control-Request-Headers"));
        res.setHeader("Access-Control-Allow-Credentials", "true");
        if (req.getMethod().equals(RequestMethod.OPTIONS.name())) {
            res.setStatus(HttpStatus.OK.value());
        } else {
            filterChain.doFilter(servletRequest, servletResponse);
        }
    }

    @Override
    public void destroy() {

    }
}

紧接着写咱们的配置类(WebFilterConfig)


/**
 * 前端过滤器配置
 * @author shenwang
 * @version 1.0
 */
@Configuration
public class WebFilterConfig {
    @Bean
    public FilterRegistrationBean webCrossFilterRegistration() {
        FilterRegistrationBean registration = new FilterRegistrationBean();
        registration.setFilter(new WebCrossFilter());
        registration.addUrlPatterns("/**");
        registration.addInitParameter("paramName", "paramValue");
        registration.setName("webCrossFilter");
        return registration;
    }
}

最后咱们前端访问咱们的gateway就不会出现跨域问题啦