前端接收pdf文件_后台返回文件流，前端实现预览pdf

ViewerJS: http://viewerjs.org/   预览pdf文件，其pdf文件只能url地址

这个项目是基于vue的，但发现实现起来可以忽略，直接把官网 下载的文件，build文件夹和web文件夹全都放在项目的static文件夹下，

我在实现功能时，看了一些其余博客都是要把viewer.js里面的

varDEFAULT_URL='compressed.tracemonkey-pldi-09.pdf'  这个里面是PDF的路径删除该变量定义;

这一步我没有操作最后也实现功能。

有些人是在view.html里面直接加代码段什么的，但是我这个项目是要在某个组件里面，选择符合条件的订单才能预览pdf，所以我把有关view.html里面操作的相关方法都pass掉了。

然后调取后台接口，发现几个问题

直接在Network里面看的图

接口返回的数据

两者的内容完全不一样，通过查资料发现，我的脚手架里面

// 设置默认返回数据类型    axiosIns.defaults.responseType ='json'

于是我在调接口的时候要改变类型，刚开始我设置成了blob，还有arrayBuffer发现都不对，后来还是在network里面查看了一下，发现后台需要的是另外一个，于是如下操作

responseType:"multipart/form-data"

这样拿到的data值和看到的就是一样