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" />