vue 通过axios下载后端接口文件流pdf文件

最新推荐文章于 2024-08-20 18:30:57 发布

qq_42417923

最新推荐文章于 2024-08-20 18:30:57 发布

阅读量8k

点赞数

分类专栏： vue 文章标签： pdf

本文链接：https://blog.csdn.net/qq_42417923/article/details/83585669

版权

vue 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

关于下载在页面直接写url地址也是可以下载的，

window.location.href=“text.pdf”;

但后端接口有的时候要求传给我们前端的是文件流格式，前端处理方式如下

that.$http({
                   method:"get",
                   url:api.exportContract+'/'+agreementId+'/'+docNumber,
                   headers:headers('application/x-download'),
                   responseType: 'blob',
           }).then(function(res){
  let url = window.URL.createObjectURL(new Blob([res.data])); // new Blob([data])用来创建URL的file对象或者blob对象
                       　　let link = document.createElement('a');
                       　　link.style.display = 'none';
                       　　link.href = url;
link.download= docNumber+'.pdf'; //docNumber 动态文件名
                       　　document.body.appendChild(link);
                       　　link.click();
           });