下载文件打开乱码的坑

1、一定要注意axios请求是否添加上

responseType: 'blob',

 

2、一定要确认返回的是文件流，并让后端测试下载下来的文件是可以正常打开的

 

3、文件下载处理

  3.1、FileSaver.js 插件

  3.2、

const blob = new Blob([res], { // 要注意返回的文件流是在res 还是 res.data
            type: 'application/pdf' // MIME类型
        })
        let href = URL.createObjectURL(blob)
        let downloadElement = document.createElement("a");
        downloadElement.href = href;
        downloadElement.download = '文件名';
        document.body.appendChild(downloadElement);
        downloadElement.click();
        document.body.removeChild(downloadElement);