图片验证码展示

1、首先接口请求定义返回信息格式为blob格式

export const getImgUrl = () => server({
  url: '接口地址',
  method: 'POST',
  responseType: 'blob', // 返回信息为blob格式
});

2、接口请求，处理返回信息

const codeImg = ref();
const queryImg = () => {
  getImgUrl().then((res) => {
    let blob = new Blob([res]);
    codeImg.value = URL.createObjectURL(blob);
  });
}

3、渲染页面

<img :src="codeImg" />
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容