百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

Spring Cloud Gateway 聚合 Swagger,Host BasePath丢失问题

yuyutoo 2024-10-20 13:12 2 浏览 0 评论

网上SpringCoud Gateway聚合Swagger的教程其实已经有很多了,实现也是相对比较简单的,但在真实的日常工作中可能会遇到的问题不仅仅只有如此,其很多地方要根据不同的需求场景有待我们深入了解并解决(出入口网关,源服务应用都是Gateway框架,gateway聚合gateway swagger)。

在现实工作中,一个域名可能不仅仅只包含了一个系统功能,更有可能的是会根据不同的上下文根来区分不同的功能,就像在接入出入口网关的时候,我们需要为其添加相应的上下文根来表示其为出入口网关,如 /gateway。

在SpringCloud Gateway上配置路由的时候,我们可以根据过滤器StripPrefix=2来动态添加上下文根。这里demo服务应用本身也采用了Gateway框架

spring:
  cloud:
    gateway:
      #路由配置
      routes:
        - id: demoSwagger
          uri: lb://DEMO-CLIENT2
          predicates:
            - Path=/gateway/demo/**
          filters:
            - StripPrefix=2

其中/gateway表示网关上下文根, /demo表示其路由应用服务路径

接口测试调用/gateway/demo/test时 正常


在SpringCloud Gateway聚合Swagger的时候 ,其页面显示也是正常的



但是在使用swagger进行真实调用的时候 /gateway 上下文丢失了,造成了调用报Undocumented TypeError: Failed to fetch,调用地址显示的是源服务ip地址,真实生产我们也不可能暴露ip端口给外部调用,其通过swagger页面这样调用本身也有跨域问题。

原来SpringCloud Gateway本身并不支持ContextPath上下文配置,只能通过路由配置的(或者过滤器)方式来实现上下文,但是swagger是通过扫描Controller来实现接口文档显示组合的,在这种情况上swagger所收集到的请求路径都是缺少上下文的



Host:默认为服务ip端口

basePath:/

分析原因,开始逐步定位。Swagger2ControllerWebFlux会暴露/v2/api-docs接口,gateway在聚合时会调用源服务swagger接口地址去获取其swagger聚合数据。在其接口设置断点,我们可以发现其Swagger Host BasePath都是不符合要求的。


进行定位执行,我们发现Swagger还提供了WebFluxSwaggerTransformationFilter过滤器List,我们尝试添加自定义过滤器,组合获取我们需要的Host BasePath进行修改。其默认实现的过滤WebFluxBasePathAndHostnameTransformationFilter 并不能获取到Host BasePath。


在源服务上自定义该过滤器CustomWebFluxSwaggerTransformationFilter,其请求头X-Forwarded-Prefix对应路由上下文,X-Forwarded-Host为聚合Gateway域名地址

@Component
@Primary
public class CustomWebFluxSwaggerTransformationFilter implements WebFluxSwaggerTransformationFilter {
    @Override
    public Swagger transform(SwaggerTransformationContext<ServerHttpRequest> context) {
        Swagger swagger = context.getSpecification();
        context.request().ifPresent(request -> {
            HttpHeaders headers = request.getHeaders();
            String basePath = headers.getFirst("X-Forwarded-Prefix");
            if(StringUtils.hasText(basePath)){
                swagger.basePath(basePath);
            }else{
                swagger.basePath("/");
            }
            String hostHeader = headers.getFirst("X-Forwarded-Host");
            if (StringUtils.hasText(hostHeader)) {
                swagger.host(StringUtils.tokenizeToStringArray(hostHeader, ",")[0]);
            }
        });
        return swagger;
    }

    @Override
    public boolean supports(DocumentationType delimiter) {
            return delimiter == DocumentationType.SWAGGER_2;
    }
}

最后,我们测试验证都正常了,使用了域名+basePath路由方式调用了


相关推荐

掌握这些CSS知识点,Coding如飞(css的基础知识)

...

CSS:绝对定位、相对定位、固定定位

绝对定位position:absolute...

探索CSS position属性(css position relative)

提示:点击上方"蓝色字体"↑可以订阅噢!摘要51RGB官方微信position是CSS中非常重要的一个属性,通过position属性,我们可以让元素相对于其正常位置,父元素或者浏览器窗口进行偏移。...

你要的CSS布局都在这里(css布局的几种方式)

大家好,我是三木。这篇文章,替大家汇总了css的布局方式,在每个布局的结尾附上了我认为比较好的文章链接,不仅仅可以当作学习资料,也可以当作方法的查询手册,以后开发的时候忘记了某个属性就来查查。看完推荐...

CSS 元素分类与水平居中(css内容水平居中)
CSS 元素分类与水平居中(css内容水平居中)

元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元...

2025-04-08 20:29 yuyutoo

CSS 定位详解(css定位例子)

CSS有两个最重要的基本属性,前端开发必须掌握:display和position。display属性指定网页的布局。两个重要的布局,我已经介绍过了:弹性布局flex[1]和网格布局grid[2]。本...

CSS精准定位布局——position(css定位position的定位有哪些,有那么特点?)

1简介上一篇文章,介绍了魔鬼属性——浮动布局。浮动布局比较灵活,但是不容易控制。而定位布局使用户精准定位页面中的任意元素成为可能。因此在实际开发中,大家应该灵活使用这两种布局方式,这样才可以更好地满...

浅谈position中absolute和relative

CSSposition属性中absolute和relative很容易让人弄混,基本的概念什么着,你去参考W3C,就不啰嗦了--------------------------------------...

Windows Phone新手开发教程(一)(windows开发ios app)

这是本系列的第1部分。在进行开发的过程之前,我将解释WindowsPhone的基础知识。第1部分涵盖了以下三个开发的基本主题:WindowsPhoneSDK的安装WindowsPhone用户界...

.NET界面开发控件DevExpress v15.2.8发布

以下是DevExpress15.2.8新增的一些功能,以及帮助文档描述。DXDiagramforWPFT353654-当界面上至少有一个item可见时,BringItemsIntoView...

「炫丽」从0开始做一个WPF+Blazor对话小程序

...

QT与C#:选择适合界面开发的最佳框架,并且附带精美案例

QT和C#都提供了丰富的界面开发工具和库,允许开发人员创建各种类型的用户界面。以下是QT和C#界面开发方面的一些对比:...

Windows Phone新手开发教程(二)(windows开发iphone应用)

这是本系列的第2部分。在这里我将讲解StackPanel和Grid元素。很多时候开发人员对于在何处放置包含StackPane或Grid元素的控制元件感到困惑。那么我们就来了解一些关于StackPane...

WPF MVVM嵌套绑定黑科技:父-子ListView深度交互终极指南

场景痛点:当ListView遇上"套娃式"数据绑定在复杂的WPF企业级开发中,我们经常会遇到这样的需求:在父级ListView的每一项中嵌套子ListView,且子控件需要访问父级数据上下文。这种"...

在 WPF 项目中使用 WPFDevelopers NuGet 包

...

取消回复欢迎 发表评论: