vue项目-pdf预览和下载，后台返回文件流形式

后端返回的文件流数据如下图所示：

一、pdf预览功能：

1、接口封装

export function download(data) {      

    return axios({    

        url: 'xxx.pdf',        

        method: 'get',       

         params: data,        

         responseType: 'arraybuffer', // 一定要设置响应类型，否则页面会是空白pdf 

    }

)}

2、页面

    .wrapper {

        background: #F4F6F8;

        height: 100vh;

    }

后端借鉴链接：https://blog.csdn.net/jinold/article/details/96836230

前端借鉴链接：https://www.jianshu.com/p/950cb898c978?utm_campaign=hugo