在导出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库,请慎用。
方法二
JSZipUtils.getBinaryContent("worktable.docx", (error, content) => {})中引入文件的路径可能有误
方法三(先试了一下方法二,发现不行,最后将文件另存为.docx格式的就成功了)
如果文件本身是.doc的,直接修改文件后缀名是不行的,需要将文件另存为.docx格式的
vue-cli是版本2的话,将模板文件放入这个static文件夹中;如果是版本3,将模板文件放入这个public文件夹中。