文件流下载文件封装

  import { exportMethod } from '@/utils/helper/exportExcel'
  methods: {
      downLoadFileTemplate(){
       const myObj = {
        method: 'get',
        url: process.env.VUE_APP_API_BASE_URL + '/authoritycenter/api/permission/downloadPermissionImportTemplate',
        fileName: '权限管理模板',
        // data: { }
      }
  }

 exportExcel.js

import axios from 'axios'
// import { insertProjectRecord } from '@/api/pmo/projectLog'
import Vue from 'vue'
export function exportMethod (obj, type, id) {
  Vue.prototype.$loading.show({ tip: `正在导出数据，请耐心等候……` })
  axios({
    method: obj.method,
    url: `${obj.url}${obj.params ? '?' + obj.params : ''}`,
    responseType: 'blob',
    data: obj.data,
    withCredentials: true
  }).then((res) => {
    const link = document.createElement('a')
    const blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
    link.style.display = 'none'
    link.href = URL.createObjectURL(blob)
    // link.download = res.headers['content-disposition'] //下载后文件名
    link.download = obj.fileName // 下载的文件名
    document.body.appendChild(link)
    link.click()
    // if (id) {
    //   const params = {
    //     businessType: '文件导出',
    //     content: '导出' + type,
    //     projectId: id
    //   }
    //   // insertProjectRecord(params).then(res => { console.log('记录成功') })
    // }
    document.body.removeChild(link)
  }).catch(error => {
    console.log(error)
    Vue.prototype.$message.error({
      title: '错误',
      content: '网络连接错误'
    })
    console.log(error)
  }).finally(() => {
    Vue.prototype.$loading.hide()
  })
}