Swagger-UI 未正確顯示

Question

為什么我的 Swagger UI 看起來不同？

這就是我所擁有的：<\/em><\/strong>

這就是我想要的：<\/em><\/strong>

為了讓 Swagger-UI 正常工作，我所做的只是下載項目（ https:\/\/github.com\/swagger-api\/swagger-ui<\/a> ），將 dist 文件夾中的所有內容放入 webapp 文件夾中我的動態網絡項目。 完成此操作后，我更新了 index.html 以指向我的 swagger.json。 完成此操作后，我能夠看到顯示的第一張圖片。 然而，大的執行按鈕並不是那么吸引人:(我如何讓我的招搖頁面看起來像顯示的第二張圖片？

Answer 1

第一張圖片是Swagger UI 版本。 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 的新外觀。只需查看他們的常見問題解答<\/a>：

嘿，UI怎么了？！<\/strong> 我在 Swagger-X 中更喜歡它！<\/strong>

我們充分利用了現有項目中的精華，讓事情煥然一新，瞧！ 在接下來的幾周內，我們可能會做出更多更改，而且當我們支持下一版本的規范時肯定會做出更多更改。

但我想要舊的look'n'feel！<\/strong>

這就是新項目的偉大之處——如果您想修改 UI 以滿足您的需求，那么現在要容易得多。