基于 Vue+Element 美化SwaggerUI

1,397 阅读1分钟

基于 Vue+Element 美化SwaggerUI

写在前面

本项目基于think-swagger-ui-vuele进行改造和升级,主要是修复了原项目中一些已知bug以及部分由 swagger JSON 数据不规范导致的错误,新增了部分快捷操作功能,提高使用者体验,以及改造了整个界面的风格,使其看起来更像elementUI.(这个纯属个人喜好,原作者的风格看着也挺好的,只是个人感觉灰棕色有点压抑)

支持https访问,如果输入swagger链接访问提示跨域,或者需要使用https访问,则请通过https访问🚀mingyong-g.gitee.io/my-swaggeru…

think-swagger-ui-vuele 介绍 🚀think-swagger-ui-vuele介绍

界面效果

  • admin 模式
admin 模式
admin 模式
  • simple模式
simple模式
simple模式

如何使用

  • 通过swagger文档链接访问
通过swagger文档链接访问
通过swagger文档链接访问
  • 通过swagger JSON数据访问、
通过swagger JSON数据访问
通过swagger JSON数据访问

项目地址


在这里插入图片描述
扫码关注

本文使用 mdnice 排版