vue2 前端实现pdf在线预览（无插件版）

toFielDetail()是点击预览的方法，getOfficialFile是获取文件流的接口正常定义即可：

export function getOfficialFile(query) {return request({url: '/dataAsset/projectassess/getOfficialFile',method: 'get',params: query,});
}

调用接口的页面需要引用axios页面

import request from '@/router/axios';

toFielDetail() {getOfficialFile().then((res) => {const { bucketName, fileName } = res.data.data;return request({url: '/admin/sys-file/' + bucketName + '/' + fileName,method: 'get',responseType: 'blob',}).then((response) => {const binaryData = [];binaryData.push(response.data);console.log(response.data, 'response');const pdfUrl = window.URL.createObjectURL(new Blob(binaryData, { type: 'application/pdf' }),);window.open(pdfUrl);});});},