美文网首页
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