后端返回的链接放在浏览器里直接下载了,要求展示在前端
这个后端返回的url链接(格式是Content-Type:application/octet-stream;charset=UTF-8)不能直接用在img里 需要做一下处理
function fetchImage() {
const url = originUrl //后端返回地址
axios({
method: 'get',
url: url,
responseType: 'blob', // 重要:设置响应类型为blob
})
.then(response => {
// 创建一个Blob URL
this.imageUrl = URL.createObjectURL(new Blob([response.data]));
})
.catch(error => {
console.error('Fetch error:', error);
});
}