vue项目无法下载导出的execel文件

问题：前端访问导出接口无法直接下载文件，而是输出了文件流
原因：ajax请求只是个“字符型”的请求，即请求的内容是以文本类型存放的。文件的下载是以二进制形式进行的，虽然可以读取到返回的response，但只是读取而已，是无法执行的
解决办法：在页面上添加a标签实现下载
代码如下：

export function _postf(url, params, errorback) {return new Promise((resolve, reject) => {axios.post(url, params, { responseType: 'blob' }).then(res => {const aLink = document.createElement("a");let blob = new Blob([res], { type: "application/vnd.ms-excel" });aLink.href = URL.createObjectURL(blob);aLink.download = '导出下载.xlsx';aLink.click();document.body.appendChild(aLink);}).catch((error) => {reject(error);})})
}

至此问题解决

vue项目无法下载导出的execel文件相关推荐

4.Vue项目中下载本地pd、word、excel文件
记录:Vue项目中下载本地pdf.word.excel文件今日的一个需求是下载导入模板文件,该模板文件不是接口请求获取,而是本地的文件该文章属转载:Vue下载本地pdf.word.excel文件 ...
Vue将echarts数据导出成excel文件
Vue将echarts数据导出成excel文件一.下载vendor插件下载 vendor 文件放置项目的 src 目录下链接:https://pan.baidu.com/s/1XYYQ186zo ...
创建Vue项目，找不到router文件（router.js）的解决方法
创建Vue项目,找不到router文件(router.js)的解决方法问题描述: 安装 Vue Router 原因分析: 解决方案: 命令窗口创建使用图形化界面问题描述: 如图所示: 安装 Vu ...
前端vue项目-关于下载文件pdf/excel
最近在做一些需求,需要下载一些文件信息,最频繁的就是下载excel文件到本地了看过了很多方法,做个整理吧哈哈哈哈参考的文章链接: https://www.cnblogs.com/jiangweic ...
vue项目html引入css,vue项目引入自定义.css的样式文件
ES6的引入方式: .vue文件中 css文件引入 @import "../assets/common/common.css";//自定义.css的样式路径 js文件的引入在ma ...
如何为ios酷我音乐盒下载导出的音乐文件(使用Java程序设计)
这个工具已经准备第二版,读者了解编程软件,可以直接使用,请阅读和使用这个场地 http://blog.csdn.net/jzj1993/article/details/44459983 本文所涉及内容 ...
Vue项目使用js-audio-recorder录音及录音文件上传
最近在做的Vue项目里有关于录音和录音文件上传的功能,用到的是一个开源框架js-audio-recorder,官方文档上关于录音.暂停录音等也封装了很多方法,在这里我主要说下录音文件上传部分,网上找了 ...
vue 项目，下载别人的项目和npm run dev报错解决方法
npm install npm run dev 通常在npm install 有时候会出错 $ cnpm install × Install fail! Error: [boostrap@^4.2.1 ...
vue项目中，导出下载Excel表格
方法: // 导出详情数据exportExcel() {const data = {time_type: '',type_id: this.activity_type,activity_id: thi ...

vue项目无法下载导出的execel文件

vue项目无法下载导出的execel文件相关推荐

最新文章

热门文章

vue项目 无法下载导出的execel文件

vue项目 无法下载导出的execel文件相关推荐

最新文章

热门文章

vue项目无法下载导出的execel文件

vue项目无法下载导出的execel文件相关推荐