vue-pdf 文件流显示

安装vue-pdf

npm install --save vue-pdf

需要的页面

import pdf from 'vue-pdf'

组件引入以后
获取文件流的请求方式跟excel文件一样
请求头要加

responseType: 'blob'

把获取回来的文件流转换一下

getObjectURL(file) {
      let url = null
      if (window.createObjectURL !== undefined) { // basic
        url = window.createObjectURL(file)
      } else if (window.webkitURL !== undefined) { // webkit or chrome
        try {
          url = window.webkitURL.createObjectURL(file)
        } catch (error) {
          console.log(error)
        }
      } else if (window.URL !== undefined) { // mozilla(firefox)
        try {
          url = window.URL.createObjectURL(file)
        } catch (error) {
          console.log(error)
        }
      }
      return url
    }

预览pdf成功
over