下载文件打开乱码的坑

发布时间 2023-08-28 16:04:40作者: vk隐

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 = item;
        document.body.appendChild(downloadElement);
        downloadElement.click();
        document.body.removeChild(downloadElement);