前端 pdf文件流blob预览时pdf空白问题

她的那个胡某。

已于 2024-08-15 15:38:36 修改

阅读量876

点赞数 5

文章标签： pdf

于 2024-07-10 15:21:08 首次发布

本文链接：https://blog.csdn.net/u011028557/article/details/140324966

版权

1. 请求头添加 responseType: 'blob' 或 responseType: 'arraybuffer'；

如果请求头没用，那就是封装的axios问题；

2.使用原生的axios，不做封装处理，更改responseType类型为 blob；

import axios from 'axios' // 引入原生的axios,不作封装处理

await axios({
    method: 'GET',
    headers: { token },
    url: `api/export`,
    responseType: 'blob' // 更改responseType类型为 blob
}).then(res => {
    // 转换pdf
    const blob = new Blob([res.data], { type: 'application/pdf' });
    const url = window.URL.createObjectURL(blob);
    window.open(url)
}).catch(err => {
    console.log(err)
})

3.可以打印下结果，查看request下的responseType是否是blob。如果是空，检查下项目是不是引入了mock，把它注释掉就行了。