Vue 采用blob下载后端返回的excel流或者pdf流文件乱码问题解决方案

我大意了啊，没有闪~~~~年轻人不讲5的，这真的是个坑。。。
网上有很多pdf或者excel转后台返回的流文件方法，但是下载或者预览就特么炸裂了，打开或者预览全是乱码，现在我来填坑。。。
预览pdf如下图：

这个charset=utf-8一定要添加，不添加可能乱码，如果后台返回的格式里面有，那就没必要了！
代码：
const binaryData = []
binaryData.push(res.data)
// 获取blob链接
this.pdfUrl = window.URL.createObjectURL(new Blob(binaryData, { type: ‘application/pdf;charset=utf-8’ }))
window.open(this.pdfUrl)

在这里插入代码片

pdf下载如下图：

代码如下：
this.pdfUrl = window.URL.createObjectURL(new Blob([res.data], { type: application/pdf;charset=utf-8 }))
const fname = 合同 // 下载文件的名字
const link = document.createElement(‘a’)
console.log(this.pdfUrl)
link.href = this.pdfUrl
link.setAttribute(‘download’, fname)
document.body.appendChild(link)
link.click()

如有帮助到你，请点个赞再走~谢谢！