Swagger-UI 未正确显示

Question

为什么我的 Swagger UI 看起来不一样？

这就是我所拥有的：

这是我想要的：

为了让 Swagger-UI 正常工作，我所做的只是下载项目 (https://github.com/swagger-api/swagger-ui)，将 dist 文件夹中的所有内容放入我的动态 Web 项目的 webapp 文件夹中。完成此操作后，我更新了 index.html 以指向我的 swagger.json。完成此操作后，我能够看到显示的第一张图片。然而，大的执行按钮并不是那么吸引人:(我如何让我的招摇页面看起来像第二张图片？

Answer 1

第一张图片是Swagger UI ver。 3.x 或 4.x（当前版本）。第二张图片是 Swagger UI 版本。 2（旧版本，不再开发）。

如果您出于某种原因想使用版本 2，可以从 Swagger UI 存储库的2.x 分支下载：

https://github.com/swagger-api/swagger-ui/tree/2.x

Answer 2

这只是版本 3 中 Swagger-UI 的新外观。只需查看他们的FAQ：

嘿，用户界面怎么了？！在 Swagger-X 中我更喜欢它！

我们充分利用了现有项目的精华，对事物进行了更新，并 瞧！我们可能会在接下来的几周内做出更多改变，并且 当我们支持下一版本的规范时肯定会更多。

但我想要旧的外观！

这就是新项目的好处——如果你想修改 满足您需求的 UI 现在变得容易多了。