后台传blob前端下载

get请求

downloadFile () {
      this.$http({
        method: 'get',
        url: '请求地址',
        params: '请求参数',
        responseType: 'blob'
      }).then(res => {
        if (window.navigator && window.navigator.msSaveOrOpenBlob) {
          window.navigator.msSaveOrOpenBlob(res.data, '下载文件名称')  // 兼容ie11
        } else {
          let aTag = document.createElement('a')
          aTag.download = '下载文件名称'
          aTag.href = URL.createObjectURL(res.data)
          document.body.appendChild(aTag)  //兼容火狐
          aTag.click()
          setTimeout(function () {
            document.body.removeChild(aTag)
          }, 1000)
        }
      })
    },

post请求

this.$http({
        method: 'post',
        url: '请求地址',
        data: '请求参数',
        responseType: 'blob'
      }).then(res => {
        if (window.navigator && window.navigator.msSaveOrOpenBlob) {
          window.navigator.msSaveOrOpenBlob(res.data, '下载文件名称') // 兼容ie11
        } else {
          let aTag = document.createElement('a')
          aTag.download = '下载文件名称';
          aTag.href = URL.createObjectURL(res.data)
          document.body.appendChild(aTag) //兼容火狐
          aTag.click()
          setTimeout(function () {
            document.body.removeChild(aTag)
          }, 1000)
        }
      })