将 swagger 接口导入 apifox 查看及调试

为什么使用apifox,可以看官方文档介绍,个人觉得是比swagger更美观更强大。

启动后端后,在浏览器打开这个地址 :
http://127.0.0.1:8001/swagger/index.html

注意端口可以不一样,我这里是默认项目的端口

swagger UI 界面下找到 json 地址,如下

然后启动apifox工具,按如下步骤填写即可。

如果没配置过环境的,可能还需要配置,如下:

接下来就是调用接口即可,因为接口需要token,所以先调用登录接口,如下所示:先获取验证码,然后调用登录接口,取到token,放在其他接口的header中

获取验证码的数据是 base64格式,这里不好预览,可以在所开发的App或者小程序里面使用 image 等组件预览。

相关推荐
JiaLin_Denny1 小时前
如何在NPM上发布自己的React组件(包)
前端·react.js·npm·npm包·npm发布组件·npm发布包
_Kayo_2 小时前
VUE2 学习笔记14 nextTick、过渡与动画
javascript·笔记·学习
路光.2 小时前
触发事件,按钮loading状态,封装hooks
前端·typescript·vue3hooks
我爱996!2 小时前
SpringMVC——响应
java·服务器·前端
咔咔一顿操作3 小时前
Vue 3 入门教程7 - 状态管理工具 Pinia
前端·javascript·vue.js·vue3
kk爱闹3 小时前
用el-table实现的可编辑的动态表格组件
前端·vue.js
漂流瓶jz4 小时前
JavaScript语法树简介:AST/CST/词法/语法分析/ESTree/生成工具
前端·javascript·编译原理
换日线°4 小时前
css 不错的按钮动画
前端·css·微信小程序
风象南4 小时前
前端渲染三国杀:SSR、SPA、SSG
前端