Vue 转换PDF流并使用

• 在编写后台管理系统时，有时候会用到PDF预览，因为有时候后台返回来的是pdf流，不是对应的http地址，这个时候就需要前端来进行相应的处理，进行显示，处理如下：

1. 在发送请求时设置接收格式为blob格式，如下：

this.axios({
  method: "",   // 根据个人请求状况，添加请求方式：post、get等。
  url: "",   // 添加对应请求的URL
  data: "",   // 如果需要入参时进行添加使用，如若不需要入参即可删掉对应的属性
  responseType: 'blob'   // 设置接收格式为blob格式
}).then((res) => {

});

2. 请求成功之后在then里面进行处理，如下：

let binaryData = [];
binaryData.push(res.data);
let image = window.URL.createObjectURL(new Blob(binaryData,{type:'application/pdf'}));
console.log(image)

对应的总体请求如下

this.axios({
  method: "",   // 根据个人请求状况，添加请求方式：post、get等。
  url: "",   // 添加对应请求的URL
  data: "",   // 如果需要入参时进行添加使用，如若不需要入参即可删掉对应的属性
  responseType: 'blob'   // 设置接收格式为blob格式
}).then((res) => {
  let binaryData = [];
  binaryData.push(res.data);
  let image = window.URL.createObjectURL(new Blob(binaryData,{type:'application/pdf'}));
  console.log(image)
});