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

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

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

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

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

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

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

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

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

相关推荐
hoLzwEge8 分钟前
node-linker VS shamefully-hoist
前端·前端框架
袋鱼不重14 分钟前
解决 Web 端图片预览与下载颜色不一致的一种工程方案
前端·后端
风止何安啊20 分钟前
教你用 JS + AI 实现简单的爬虫,零门槛爬取网页信息
前端
cidy_9821 分钟前
codebase-memory-mcp 新手完全教程:让 AI 真正「理解」你的代码库
前端
牛奶28 分钟前
HTTPS你不知道的事
前端·https·浏览器
小小小小宇30 分钟前
前端 Vue 如何避免不必要的子组件渲染全解析
前端
稀土熊猫君39 分钟前
一个人能做出什么开源项目?
vue.js·后端·开源
cidy_981 小时前
codebase-memory-mcp 安装教程
前端
mt_z1 小时前
Webpack 与 Vite 完全指南
前端
灏仟亿前端技术团队1 小时前
B 端多弹窗越来越难维护?试试把弹窗交互 Promise 化
前端