Vue 文件流处理 使用 js-file-download

安装 js-file-download

npm install js-file-download --save

使用

import axios from 'axios';

loadFile (row) {
  let p = {downLoadAddr: row.filePath, oldFileName: row.fileName};
  let url = apiBase.slice(0, apiBase.indexOf('/api/'));
  axios({
    method: 'get',
    url: `${url}/ym/file/download`,
    params: {...p},
    headers: {
      //'token': '...', // 根据需求添加
      'Content-type': 'application/x-www-form-urlencoded'
    },
    responseType: 'arraybuffer'
  }).then((response) => {
  /*
*  data:(必填)文件流 
*  fileName: (非必填)自定义 文件名称
* */
    this.download(response.data, row.fileName);
  });
},
download (data, fileName) {
  let fileDownload = require('js-file-download');
  fileDownload(data, fileName, 'application/vnd.ms-excel');
}