文件流下载文件封装

水深无声 2021-09-24 21:26 392阅读 0赞

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()
      })
    }