vue2实现二进制流pdf浏览器预览功能

该方法不需要使用插件 

获取后端二进制文件流后直接处理

// 获取文件流处理
viewPdf(id) {
  return request({
    url: `...`,
    method: 'get',
    headers: { 'Content-Type': 'application/octet-stream' },
    responseType: 'blob'
  }).then(res => {
    // res为二进制文件流
    const blob = new Blob([res], { type: 'application/pdf;charset=utf-8' })
    const href = URL.createObjectURL(blob)
    window.open(href, 'newWindow')
  })
}

然后点击调用方法使用

clickViewPdf(id) {
  viewPdf(id)
}