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

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

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

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

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

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

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

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

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

相关推荐
jason_yang4 分钟前
vue3中createApp多个实例共享状态
javascript·vue.js
_瑶瑶_5 分钟前
浅记一下ElementPlus中的虚拟化表格(el-table-v2)的简单使用
前端·javascript
Drift_Dream12 分钟前
ResizeObserver:轻松监听元素尺寸变化
前端
拉不动的猪22 分钟前
Axios 请求取消机制详解
前端·javascript·面试
该用户已不存在25 分钟前
2025 年 8 款最佳远程协作工具
前端·后端·远程工作
lxh011333 分钟前
螺旋数组题解
前端·算法·js
E***U94535 分钟前
前端安全编程实践
前端·安全
老华带你飞1 小时前
海产品销售系统|海鲜商城购物|基于SprinBoot+vue的海鲜商城系统(源码+数据库+文档)
java·前端·数据库·vue.js·论文·毕设·海鲜商城购物系统
x***B4111 小时前
React安全编程实践
前端·安全·react.js
D***t1311 小时前
前端微服务案例
前端