vue-pdf组件渲染pdf白屏

Question

目前前端项目引入了vue-pdf组件进行渲染pdf，因为之前引入的时候，出现了中文不显示的问题，后来百度了很多的方法根本行不通，就换成了vue-pdf-signature这个组件（这个组件应该是和vue-pdf组件一样的），后来项目运行了一段时间相对没啥问题，但是最近发现有些PDF渲染不出来，出现白屏，查看控制台发现报错：

Warning: Unable to decode image: JpegError: JPEG error: Only single frame JPEGs supported
pdf.js?c187:2070 Warning: Dependent image isn't ready yet

下图代码是处理中文不显示问题的

目前百度了好多的方法，不清楚为什么渲染不出来，望指教，感谢

Answer 1

• 这篇文章：VUE-PDF 实现pdf在线预览 也许有你想要的答案，你可以看看

Answer 2

vue实现预览pdf组件(vue-pdf插件使用) - it610.com 组件PriviewPdf简易版(页尾是完整版)importpdffrom'vue-pdf'exportdefault{name:'priview-pdf',components:{pdf},props:{//外部传递pdfUrl即可pdfUrl:{type:String,default:''}},computed:{pdfSrc(){returnthis.pdfUrl}}}页面思路安装vue-pd https://www.it610.com/article/1551372271292059648.htm

Answer 3

axios请求文档流时候的responseType改为blob

this.$request({
    methods: 'GET',
    url: `/api/preview?id=${id}`,
    responseType: 'blob'
})

Answer 4

https://blog.csdn.net/weixin_47605888/article/details/126487628?ops_request_misc=&request_id=&biz_id=102&utm_term=vue-pdf%E7%BB%84%E4%BB%B6%E6%B8%B2%E6%9F%93pdf%E5%87%BA%E7%8E%B0%E4%B8%AD%E6%96%87%E4%B8%8D%E6%98%BE%E7%A4%BA%EF%BC%8C%E7%96%91%E4%BC%BC%E5%86%85%E5%AD%98%E9%97%AE%E9%A2%98&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-0-126487628.142^v50^pc_rank_34_2,201^v3^control_2&spm=1018.2226.3001.4449