美文网首页
VUE前端处理后端接口返回octet-stream 并展示在前端

VUE前端处理后端接口返回octet-stream 并展示在前端

作者: lvyweb | 来源:发表于2024-08-06 16:18 被阅读0次

后端返回的链接放在浏览器里直接下载了,要求展示在前端
这个后端返回的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);
            });
        }

相关文章

网友评论

      本文标题:VUE前端处理后端接口返回octet-stream 并展示在前端

      本文链接:https://www.haomeiwen.com/subject/kaofkjtx.html