vue blob流下载zip文件，下载后包文件显示文件损坏

今天遇到一个问题，就是下载的zip文件打不开，一直显示文件被损坏。

本来觉得是后端的问题，但是排除了好久，确实没有问题，postman也实验成功。

后来发现系统main.js中引入了mock数据，影响了axios请求，造成了请求的流文件内容乱码。

将mock引入注释掉即可。

其他的正常请求处理即可。

this.$axios({

                method: "post",

                url: url,

                data: {

                    id: this.documentId,

                },

                responseType: "blob",

            })

                .then((res) => {

                    //ie内核的浏览器下

                    if (

                        navigator.userAgent.match(/MSIE\s([\d.]+)/) ||

                        navigator.userAgent.indexOf("Trident") > -1

                    ) {

                        window.navigator.msSaveBlob(res, `人员信息.zip`);

                    } else {

                        let url = window.URL.createObjectURL(res);

                        let link = document.createElement("a");

                        link.style.display = "none";

                        link.href = url;

                        link.download = `人员信息.zip`;

                        document.body.appendChild(link);

                        link.click();

                        document.body.removeChild(link);

                        window.URL.revokeObjectURL(url);

                    }

                })

                .catch((error) => {

                    this.$message.warning("导出失败");

                });

 

有没有想要脱单的小伙伴，加入我们的脱单星球，认识更多优秀的小哥哥小姐姐

特此声明，星球是免费的，但是创建星球的时候说是必须输入金额，所以只能先私聊，我再加你免费加入！