导出word模板遇到的错误Can‘t find end of central directory:is this a zip file?

在导出word文档时，遇到了Can‘t find end of central directory:is this a zip file?的错误，找了很多文章，总结一下自己看见的可尝试的解决方案。

方法一（项目中没有引入mock，所以该方法没有使用过）

可能产生的原因是：1.你项目里面引用了mockjs文件，它的原理是重写了XMLHttpRequest，导致你上报插件找不到对应的方法；

解决方法：上线时把项目中引入的mock注释掉，// import '@/mock';

原理分析：mockjs是一个模拟后台接口的JS库，它的原理是重写了XMLHttpRequest，它可以在接口没出来时非常方便的模拟数据，上线之后      不引用它即可。一般上报插件中会使用原生XMLHttpRequest，而原生XMLHttpRequest已被mockjs覆盖找不到相应的方法，所以会   出错。除了mockjs之外，zonejs、oboejs、fetchjs也有自己的的XMLHttpRequest库，请慎用。

参考链接 ：vue项目前端导出word文件(bug解决) - 骑码行天下 - 博客园

 

方法二

JSZipUtils.getBinaryContent("worktable.docx", (error, content) => {}）中引入文件的路径可能有误

 

 

方法三（先试了一下方法二，发现不行，最后将文件另存为.docx格式的就成功了）

如果文件本身是.doc的，直接修改文件后缀名是不行的，需要将文件另存为.docx格式的

 vue-cli是版本2的话，将模板文件放入这个static文件夹中；如果是版本3，将模板文件放入这个public文件夹中。