关于idea结合apifox模拟前后端测试的验证码图片显示问题

因为在做验证码相关任务,刚好找了好久找到一篇类似于官方的文档,链接如下Apifox 的可视化响应功能,让你的接口数据一目了然

我怕以后找不到,就先放在这里供我以后忘记再回来找。

我的body是:

{
    "code": 200,
    "message": "验证码请求成功",
    "data": {
        "image": "data:image/png;base64,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",
        "vCode": 1697543999846
    }
}

后置脚本是:

let imgURL = pm.response.json().data.image;

let template = `
    <img src="{{imgURL}}"/>
    `;

    pm.visualizer.set(template, {imgURL});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大哥不爱开笑玩

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值