vue中axios利用blob实现文件浏览器下载方式

this.axios.get('/api/downloadConfig', {
   params:{oid:oid},
   responseType:'blob',
 })

 if(res.status === 200){
  const content = res.data;
  const blob = new Blob([content]);
  if('download' in document.createElement('a')){
    //非IE下载
    const a = document.createElement('a');
    a.download = fileName;
    a.style.display = 'none';
    a.href = window.URL.createObjectURL(blob);
    document.body.appendChild(a);
    a.click();
    window.URL.revokeObjectURL(a.href);
    document.body.removeChild(a);
  }else{
    //IE10+下载
    if(typeof window.navigator.msSaveBlob !== 'undefined'){
      window.navigator.msSaveBlob(blob, _this.selected);
    }else{
      let URL = window.URL || window.webkitURL;
      let downloadUrl = URL.createObjectURL(blob);
      window.location = downloadUrl;
  }
 }

this.axios.post('/api/downloadConfig', form, {responseType:'blob'})

npm install js-file-download --save
npm install axios --save

import fileDownload from 'fileDownload'; // 引入fileDownload
import axios from 'axios'; // 引入axios 
 
axios({
    method: 'get',
    url: 'xxxxxxx',
    responseType: 'blob'
}).then(res => {
    if(res.status == 200){
      // res.headers['content-disposition'].substring(20)表示从响应头中获取文件名
      fileDownload(res.data,res.headers['content-disposition'].substring(20));
    }else { // 下载文件失败，解析json格式信息
      let that = this;
      var fileReader = new FileReader();
      fileReader.readAsText(res.data); // 按字节读取文件内容，结果为文件的二进制串
      fileReader.onload = ()=>{
          that.$notify.error(fileReader.result);
      }
    } 
})