前端下载zip出现文件打不开

因为后端传递过来的是zip流的形式,在返回数据中data里面的数据为类似与base64的格式,我们平常处理的时候是将data里的数据转换成blob的形式。在此步我们就做错了,我们应当在请求的时候加上responseType: "blob",这样我们就直接接收到blob的数据格式,然后直接进行转成url链接进行下载

// --- 封装的axios
export function test(data) {
    return request({
        url,
        method: 'post',
        responseType: "blob",
        data
    })
}

// --- 处理下载 res.data:请求过来的blob数据
let url = window.URL.createObjectURL(res.data);
const link = document.createElement("a"); // 创建a标签
link.style.display = "none";
link.href = url;
link.download = new Date().getTime();
link.click();
URL.revokeObjectURL(url); // 释放内存
link.remove();     


你可能感兴趣的:(前端,javascript,开发语言)