陈程的技术博客

  • 关于作者
全栈软件工程师
一个专注于技术研究创新的程序员
  1. 首页
  2. web
  3. 正文

前端VUE调用接口下载execl出现乱码打不开的问题

2021年9月7日 979点热度 0人点赞 0条评论

原因有2:

第一引用mock导致,

第二下载时需要设置请求 responseType: 'blob'

下载代码如下:

export async function DownLoadFile(params) {
    return request(File_DownLoad,METHOD.GET, params,{responseType: 'blob'})
  }

download: function (fileId, fileName) {
   console.log("++++" + fileId);
   var reqcondition = { file_Id: fileId };
   DownLoadFile(reqcondition).then((res) => {
     console.log(res);
     console.log(fileName);
     this.Pagedownload(res.data, fileName);
   });
 },
Pagedownload(data, fileName) {
     if (!data) {
       return;
     }
     let url = window.URL.createObjectURL(new Blob([data]));
     let link = document.createElement("a");
     link.style.display = "none";
     link.href = url;
     link.setAttribute("download", fileName);
     document.body.appendChild(link);
     link.click();
   },

 

 

标签: vue 前端
最后更新:2021年9月7日

博主

全栈工程师,侧重项目技术解决方案规划和开发

打赏 点赞
< 上一篇
下一篇 >

文章评论

取消回复

分类
  • .NET (65)
  • docker (3)
  • linux (12)
  • python (20)
  • web (14)
  • 小程序 (4)
  • 数据库 (2)
  • 未分类 (4)
  • 杂七杂八 (10)
标签聚合
DevExpress python centos winform linux C# nginx js
最新 热点 随机
最新 热点 随机
.NET开发手册标准参考 招募兼职前端开发 Centos安装dotnet6环境 VS上切换分支,vs编译运行出现bug,A fatal error was encountered彻底解决方案 用C#封装一个线程安全的缓存器,达到目标定时定量更新入库 C#通过特性的方式去校验指定数据是否为空
批量合并pdf文件 H5+js写app时候解决怎么在锁屏和后台状态下执行 Winform通过panel叠加实现滚动条效果 centOS 安装 mariadb 微信小程序 音频播放功能createInnerAudioContext 按比例缩放图片大小

COPYRIGHT © 2021 陈程的技术博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS