后端传流文件，前端接收并下载

1.

import axios from 'axios';

axios.post('/doc/import', {
            headers: {
              // 'Content-Type': 'application/x-www-form-urlencoded',
              'token': this.$cookie.get('token')
            },
            responseType: "blob",
          }).then((res) => {
            this.download(res)
          }).catch(err => {
            this.$message('导出失败，没有权限，请联系管理员')
          })

2.下载文件

// 下载文件
      download(res) {
        let blob = new Blob([res.data], { type: res.data.type });//type是文件类，详情可以参阅blob文件类型
        // 创建新的URL并指向File对象或者Blob对象的地址
        const blobURL = window.URL.createObjectURL(blob)
        // 创建a标签，用于跳转至下载链接
        const tempLink = document.createElement('a')
        tempLink.style.display = 'none'
        tempLink.href = blobURL
        tempLink.setAttribute('download', decodeURI(res.headers['content-disposition'].split(';')[1].split('=')[1]))
        // 兼容：某些浏览器不支持HTML5的download属性
        if (typeof tempLink.download === 'undefined') {
          tempLink.setAttribute('target', '_blank')
        }
        // 挂载a标签
        document.body.appendChild(tempLink)
        tempLink.click()
        document.body.removeChild(tempLink)
        // 释放blob URL地址
        window.URL.revokeObjectURL(blobURL)
      },