需在apifox中完成登录接口调试全流程:创建项目并新建post接口,url为http://kdtx-test.itheima.net/api/login;配置json格式body参数及content-type为application/json;发送后验证状态码200及json响应;通过后置操作提取$.data.token存为全局变量;在新接口headers中用bearer {{token}}认证。

你需要在Apifox里完整走通一个真实接口的调试流程——从填好URL和参数,到看到返回的JSON数据,再到确认状态码是否为200、字段是否齐全、内容是否符合预期,整个过程不能卡在任何一环。
创建项目并新建接口
打开Apifox客户端(或Web版),登录账号后点击左上角“+ 新建项目”,输入项目名称如“电商测试”,勾选“包含示例数据”→点击“创建”。
项目创建成功后,在左侧接口列表中点击“+ 新建接口”→选择请求方法为【POST】→在URL栏粘贴:http://kdtx-test.itheima.net/api/login。
这一步必须选对请求方法,GET和POST混用会导致405错误;URL末尾不能有多余空格或换行符,否则发送时直接报“Invalid URL”。
配置Body参数并设置Content-Type
切换到“Body”选项卡→选择“JSON”格式→在编辑区输入:
{
"username": "admin",
"password": "HM_2023_test",
"code": "2",
"uuid": "abc123"
}
确保右上角“Content-Type”下拉菜单已设为【application/json】,否则后端会拒绝解析——很多新手卡在这一步,明明参数写对了却返回400 Bad Request,就是Header里缺了这个头。
uuid值暂时填个占位符即可,后续会用验证码接口响应动态替换。
Apifox是一款拥有可视化管理界面的接口开发调试工具,支持接口调试,自动校验数据结构,自动化测试等功能,能够帮助用户更好的测试API,能够有效提高团队的办公效率,有需要的用户欢迎下载使用!功能介绍可视化接口管理方便快捷可视化接口管理,成倍提升团队多人协作效率。支持数据结构(JSON Schema)管理,多接口可复用相同数据结构。接口调试Postman 有的功能,比如环境变量、预执行脚本、后执行脚本、Cookie/Session 全局共享 等功能,Apifox 都有,并且和 Postman 一样高效好用。
发送请求并查看原始响应
点击右上角蓝色“发送”按钮→等待几秒→下方响应区域自动展开。
先看顶部状态栏:显示“200 OK”说明通信成功;若出现“400”“401”“500”,立即停止往下看,先核对参数拼写、密码是否过期、uuid是否为空字符串。
再点开“响应体”标签页,确认返回的是标准JSON结构,不是HTML页面或乱码——如果看到开头,说明URL写错了环境地址,比如误用了生产域名。
提取token并设置全局变量
第一步:在当前接口的“后置操作”中点击“+ 添加操作”→选择“提取响应结果”。
第二步:填写提取规则:
变量名:token
表达式:$.data.token
来源:响应体(JSON)
第三步:勾选“添加到全局变量”,点击“确定”。
这一步做完后,token会自动存入全局变量池,后续所有接口的Headers里都能用{{token}}引用。注意表达式必须严格匹配返回结构,比如返回里是$.token而非$.data.token,提取就会失败且不报错,静默失效。
将token加入新接口的Headers
新建一个“获取用户信息”接口,URL填:http://kdtx-test.itheima.net/api/user/info。
切换到“Headers”选项卡→点击“+ 添加”→Key填Authorization→Value填Bearer {{token}}。
这里必须手敲“Bearer ”(注意后面有个空格),少一个空格就会认证失败返回401;{{token}}两侧不能加引号,加了就当字符串传过去,后端收不到真实值。
大量免费API接口:立即使用
涵盖生活服务API、金融科技API、企业工商API、等相关的API接口服务。免费API接口可安全、合规地连接上下游,为数据API应用能力赋能!










