vue3+iframe+blob获取后端文件展示在前端

需求：在前端页面以PDF形式显示后端传来的文件流，如下图

接口：需要加上：responseType: 'blob' //响应数据类型是blob对象

代码：将从后端获取的文件流转成PDF链接，在链接后加入'#toolbar=0'是为了去掉操作栏。

downloadScalePdf({ taskId: id }).then(res => {
        pdfUrl.value = window.URL.createObjectURL(new Blob([res], 
        { type: 'application/pdf' })) + '#toolbar=0'  
    })

<iframe :src="pdfUrl" style="width: 100%; height: 370px;overflow: scroll;"></iframe>