关于Uncaught Error: Error: Can‘t find end of central directory : is this a zip file ?报错处理

在使用前段导出Word文件的时候,本地可以正常导出,但是到了线上之后,导出报错Uncaught Error: Error: Can't find end of central directory : is this a zip file ?查阅了很多资料均没有效果,包括给路径添加 '/',注释掉@mock等操作均无效后面通过一些方法得知可以使用

const response = await fetch(demoUrl);
来获取文件得以解决问题
完整代码如下
import docxtemplater from"docxtemplater";
import { saveAs } from"file-saver";
import PizZip from"pizzip";

export const exportWordDocx = async (demoUrl, docxData, fileName) => {
  try {
    const response = await fetch(demoUrl);
    console.log("response", response)
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    const content = await response.arrayBuffer();

    const zip = new PizZip(content);
    const doc = new docxtemplater().loadZip(zip);

    doc.setOptions({
      nullGetter: function () {
        return "";
      },
    });

    doc.setData({
      ...docxData,
    });

    try {
      doc.render();
    } catch (error) {
      let e = {
        message: error.message,
        name: error.name,
        stack: error.stack,
        properties: error.properties,
      };
      console.log(JSON.stringify({ error: e }));
      throw error;
    }

    const out = doc.getZip().generate({
      type: "blob",
      mimeType:
        "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
    });
    saveAs(out, fileName);
  } catch (error) {
    console.error('Error fetching template:', error);
  }
};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值