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

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

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

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

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

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

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

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

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

相关推荐
光影少年14 分钟前
angular生态及学习路线
前端·学习·angular.js
記億揺晃着的那天2 小时前
Vue + Element UI 表格自适应高度如何做?
javascript·vue.js·ui
无尽夏_2 小时前
HTML5(前端基础)
前端·html·html5
Jagger_2 小时前
敏捷开发流程-精简版
前端·后端
FIN66683 小时前
昂瑞微冲刺科创板:创新驱动,引领射频芯片国产化新征程
前端·安全·前端框架·信息与通信·芯片
GISer_Jing3 小时前
ByteDance——jy真题
前端·javascript·面试
睡美人的小仙女1273 小时前
浏览器为何屏蔽本地文件路径?
前端
真的想不出名儿3 小时前
Vue 中 props 传递数据的坑
前端·javascript·vue.js
FIN66683 小时前
昂瑞微:深耕射频“芯”赛道以硬核实力冲刺科创板大门
前端·人工智能·科技·前端框架·信息与通信·智能
阳光阴郁大boy3 小时前
星座运势网站技术解析:从零打造现代化Web应用
前端·javascript