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 （当前版本）。第二张图片是 Swagger UI ver。 2 （以前的版本，不再开发）。

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

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

Answer 2

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

  

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

     

我们采用了现有项目中最好的项目，让事情变得更加清新   瞧！我们可能会在接下来的几周内做出更多改变   当我们支持下一版规范时，肯定会更多。

     

但我希望旧的看起来没什么感觉！

     

这是新项目的好处 - 如果你想修改   适合您需求的用户界面现在变得更加轻松。