基於 Vue+Element 美化SwaggerUI

2020-09-29 11:01:14

基於 Vue+Element 美化SwaggerUI

寫在前面

本專案基於think-swagger-ui-vuele進行改造和升級,主要是修復了原專案中一些已知bug以及部分由 swagger JSON 資料不規範導致的錯誤,新增了部分快捷操作功能,提高使用者體驗,以及改造了整個介面的風格,使其看起來更像elementUI.(這個純屬個人喜好,原作者的風格看著也挺好的,只是個人感覺灰棕色有點壓抑)

支援https存取,如果輸入swagger連結存取提示跨域,或者需要使用https存取,則請通過https存取🚀https://mingyong-g.gitee.io/my-swaggerui/#/

think-swagger-ui-vuele 介紹 🚀think-swagger-ui-vuele介紹


介面效果

  • admin 模式
    admin 模式

  • simple模式
    simple模式

如何使用

  • 通過swagger檔案連結存取

在這裡插入圖片描述

  • 通過swagger JSON資料存取、

在這裡插入圖片描述

專案地址


(完)
在這裡插入圖片描述