使用docx-preview插件在vue中预览word文档（后端express）

.docWrap{//指定样式的宽度width:900px;overflow-x:auto;}问题描述本文记录预览word文档的功能。需要用到：前端：vue后端：express插件：docx-preview思维分析在后端express代码中读取文件夹中.docx类型的文件，经过blob后作为可读流返回给前端流文件前端收到客户端返回的流文件后，执行docx-preview插件的renderAsync方法渲染预览效果。让我们看一下渲染代码。")//返回word文件接口route.get('/getDoc',(req,res)=>{//假设我们的word文档文件存放在这个doc目录下letdocxUrl='./doc/Exitlist.docx'//允许跨域res.header("Access-Control-Allow-Origin","*");//设置请求头res.writeHead(200,{//指定文件类型为docx'Content-Type':'application/vnd.openxmlformats-officedocument.wordprocessingml.document',})//创建可读流letreadStream=fs.createReadStream(docxUrl)//将读取结果作为管道返回给前端streamreadStream.pipe(res);})前端vue代码注意，vue项目必须先下载插件cnpmidocx-preview--save.docWrap{//指定样式的宽度width:900px;overflow-x:auto;}为了方便大家调试效果，我也提供了一份后台界面。如果你不想写node接口，我可以直接使用。界面在上面的vue代码中，复制粘贴运行即可总结。