如何使用vue去美化Swagger 默认UI（doing）FM UI

介绍（吹水谁不会？）

FM UI是一个针对Swagger 协议解析而创建的前端项目，围绕的还是swagger，是一只厌倦了他千篇一律在某一天夜里突发奇想的后端（全栈 ）程序猿做的一个项目，一个可能郁郁而终的项目，想法可能特立独行，已经有现成的UI，有现成的界面了，你为什么还要费心费力的去做这个不被看好的东西？我只能说，我不想被冰冷重复的代码麻木我的灵魂（滑稽）我要做一个猛男。

ps：这个目前是不可用的，截止发稿时间，至少部分不可用，看运气吧，如果热血还在就去更新，如果我也不行了，那这个就太监了，发文只是看看有没有志同道合的朋友

主页

主页就是访问到的首页，用于显示一些概览信息，同时可以进行一些规范性检查，如uri规范是否使用动词性名词作为URI资源访问，是否使用下划线，是否是大小写混用等等（只是规范性检查， 推荐），接口成分分析，可根据不同用户类型，权限类型进行接口覆盖面分析，非法操作一目了然，集成简单安全性风险检验。

• swagger 基本信息
• api 基本信息
• api接口规范校验
• 不同用户接类型口雷达图
• api接口成分分析

文档（扩展兼容）

可根据本地Markdown文件进行自动生成文档（需部署在同级目录下，便于访问编译）兼容（docsify、vuepress等多款主流编译工具），没有也没有关系，可根据swagger json中的描述文件自动解析成文档页面，此页面平平无奇

测试（todo，吹）

内置变量集，可用于自动化测试，如人名、地名、地址、手机号等等

• 内置mock变量
• 请求前后js注入
• 断言统计
• 安全测试（SQL注入，文件上传，变量边界，json反序列化、弱口令字典、XSS、越权等等）
• QPS/TPS统计
• 内置安全基线
• 自动化测试

接口详情

平平无奇

• api请求测试
• api参数mock变量注入

注：以上说到的功能，我一个都没做(●’◡’●)

var code = "45fd3a87-d78f-4f9b-a475-a5c54971bd2b"