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

开心点啦.2024-08-12 9:35

前端请求该接口的时候可能会出现请求的结果为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()}`;
};

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