关于vue.js:用Blob下载文件流

需要：申请后盾接口，下载文件，如果胜利的话，间接获取到文件流下载，而不是门路。

创立一个blob对象
语法:
var BlobData = new Blob( array, options );

参数：
array： 一个数组。官网概念：由ArrayBuffer, ArrayBufferView, Blob, DOMString 等对象形成的 Array ，或者其余相似对象的混合体，它将会被放进 Blob。DOMStrings会被编码为UTF-8。
options:一个对象。官网概念：是一个可选的BlobPropertyBag字典。有两个属性，type，默认值为 ""，放入到blob中的数组内容的MIME类型。endings，默认值为"transparent"，用于指定蕴含行结束符\n的字符串如何被写入。

创立实例：

var blob = new Blob([data], { type: 'charset=utf-8' })//data能够是后盾返回的后果，如response.data

vue+elementUI post申请下载模板

downLoad(){//调用办法  //创立一个加载框  //注：如果文件过大，会呈现点击下载后短时间内页面无反馈，倡议创立加载框进步交互成果  const loading = this.$loading({//elementUI    lock: true,    text: '拉取文件中',    spinner: 'el-icon-loading',    background: 'rgba(0, 0, 0, 0.7)'  })  //创立须要传送的data，这里用的是Fromdata格局，需依据我的项目状况来批改  var fileData = new FormData()  fileData.append('id',id)  axios({//留神需在页面引入axios    method: 'post',//申请形式    url: 'http://*****',//申请地址    data: fileData,//传输数据    responseType: 'blob'//数据格式  }).then(res => {    var blob = new Blob([res.data], { type: 'charset=utf-8' })    var downloadElement = document.createElement('a')    var href = window.URL.createObjectURL(blob)//创立链接    downloadElement.href = href//a标签赋值    downloadElement.download = '文件名字' + '.pdf'//文件类型    document.body.appendChild(downloadElement)//a标签增加到页面    downloadElement.click()//执行a标签点击成果    document.body.removeChild(downloadElement)//移除a标签    window.URL.revokeObjectURL(href)//开释URL对象    loading.close()//敞开加载框 })  //下载完结}