前端vue3获取word二进制流在页面展示

安装docx-preview

npm install docx-preview
import {renderAsync} from 'docx-preview';

页面定义div来展示word

<div class="docxRef"></div>

定义接口

export function getWordBlob(data: any) {return axios({url: 'xxx',method: 'get',params: data,responseType: 'blob'});
}

获取接口拿到的数据流并展示

const getWord = () => {let params = {}getWordBlob(params).then(res => {let blob = res.datalet childRef = document.getElementsByClassName('docxRef');renderAsync(blob, childRef[0]) //渲染})
}