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

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

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

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

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

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

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

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

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

相关推荐
Dontla1 小时前
为什么React列表项需要key?(React key)(稳定的唯一标识key有助于React虚拟DOM优化重绘大型列表)
javascript·react.js·ecmascript
EndingCoder2 小时前
React从基础入门到高级实战:React 实战项目 - 项目三:实时聊天应用
前端·react.js·架构·前端框架
阿阳微客3 小时前
Steam 搬砖项目深度拆解:从抵触到真香的转型之路
前端·笔记·学习·游戏
德育处主任Pro3 小时前
『React』Fragment的用法及简写形式
前端·javascript·react.js
CodeBlossom4 小时前
javaweb -html -CSS
前端·javascript·html
CodeCraft Studio4 小时前
【案例分享】如何借助JS UI组件库DHTMLX Suite构建高效物联网IIoT平台
javascript·物联网·ui
打小就很皮...4 小时前
HBuilder 发行Android(apk包)全流程指南
前端·javascript·微信小程序
集成显卡5 小时前
PlayWright | 初识微软出品的 WEB 应用自动化测试框架
前端·chrome·测试工具·microsoft·自动化·edge浏览器
前端小趴菜056 小时前
React - 组件通信
前端·react.js·前端框架
Amy_cx6 小时前
在表单输入框按回车页面刷新的问题
前端·elementui