Swagger UI中不渲染Try It Out按钮并直接启用Execute按钮的方案问询
Swagger UI 移除Try it out按钮、自动启用Execute功能解决方案
最优方案:使用官方原生配置
Swagger UI 4.0及以上版本官方内置了tryItOutEnabled配置参数,开启后会直接跳过Try it out点击步骤,展开接口时自动进入可调试状态、直接渲染Execute按钮,完全匹配旧版本交互逻辑,无额外性能消耗,不会出现按钮闪现问题。
不同部署场景的配置方式如下:
- 纯前端独立部署场景
初始化Swagger UI时添加配置项即可:SwaggerUIBundle({ url: "/your-openapi-spec.json", dom_id: '#swagger-ui', // 新增以下配置 tryItOutEnabled: true, // 其余原有配置保持不变 presets: [ SwaggerUIBundle.presets.apis, SwaggerUIStandalonePreset ] }) - Springdoc集成场景(Java栈)
在项目配置文件中添加配置:springdoc: swagger-ui: try-it-out-enabled: true - Springfox 3.0+集成场景(Java栈)
在项目配置文件中添加配置:springfox: documentation: swagger-ui: try-it-out-enabled: true
如果当前使用的Swagger UI版本低于4.0,先升级到4.X及以上版本即可支持该配置项。
补充方案:CSS彻底隐藏按钮
如果开启配置后仍有残留的按钮节点,可添加全局CSS样式彻底移除,无需JS监听逻辑:
.swagger-ui .try-out__btn { display: none !important; }
内容的提问来源于stack exchange,提问作者Randy Kreisel
相关产品推荐
相关产品推荐

