后端接口返回base64编码图片前端如何接收(图形验证码)

前端请求该接口的时候可能会出现请求的结果为null,但是查看网络,显示已经获取该数据了,导致这个的原因可能是同步请求。但是为了更方便的去使用,我们可以直接在前端img图片中去使用这个接口,来进行展示

复制代码
<img src='https://haoxgame.com/api.php/user/UserVerifyEntry?type=user_reg' alt="描述信息" />

这样的话,后端请求的图片就可以直接展示到我们页面上了。

实现点击刷新(V3语法)

复制代码
<img :src=VerifyIndex alt="描述信息" @click="changeVerify" />

const VerifyIndex = ref('https://haoxgame.com/api.php/user/UserVerifyEntry?type=user_reg')

const changeVerify = () => {
  VerifyIndex.value = `https://haoxgame.com/api.php/user/UserVerifyEntry?type=user_reg&timestamp=${new Date().getTime()}`;
};

这样的话就可以实现点击刷新的效果了

相关推荐
雪芽蓝域zzs10 分钟前
第三十六节:keep-alive 页面缓存(Vue3 + 后台管理系统)
前端·vue.js·缓存
言乐610 分钟前
Python加速器2视频网页加速器
前端·javascript·css·python·音视频
IT_陈寒26 分钟前
为什么我的Java Stream操作总是默默吃掉异常?
前端·人工智能·后端
光影少年1 小时前
react navite浏览器 Event Loop 和 Node Event Loop 的区别
前端·javascript·react native·react.js·前端框架
90后的晨仔1 小时前
uni-app 安卓自有证书完全指南
前端
CharlesYu0111 小时前
前端性能优化的第一性原理,是不断缩短“用户发起意图 → 获得可用结果”之间的时间
前端
平头哥技术团队11 小时前
Day 21 _ 页内锚点_给每段起个 id,目录写 href=_#id_,点一下页面就滚到那一段
前端·html·html5
子兮曰13 小时前
Bun v1.4.1 深度解析:从 Zig 到 Rust,一场 11 天、64 个 AI 代理的语言迁徙
前端·后端·bun
人民广场吃泡面13 小时前
什么是AI Agent?它又能给前端带来哪些效率提升?
前端·人工智能