【前端】二进制流文件乱码,如何下载

前言:
最近接手一个项目修修改改，突然有一天发现有个下载文件功能点击是弹出乱码报错,点进去代码一看:好家伙，基本就是一个空方法和Message报错提示框，功能都没写。跟领导反馈，果不其然让我将下载功能完善，甚至乱码都让我前端解决,好吧谁让后端是我大哥。
解决思路:
一开始想先将乱码解码但是一直没有效果，于是使用最简单的方法直接处理二进制
1.修改返回响应数据类型为blob

// An highlighted block
 return request({
    url: '/xxx/xxxxx',
    responseType:"blob",
    method: 'GET'
    // data: Qs.stringify(params, { arrayFormat: 'indices', allowDots: true })
  })

2.创建标签下载文件

//下载方法
downloadFile () {
//请求接口回调
    templatefiledownload().then(res => {
      const link = document.createElement('a') // 创建a标签
      const objectUrl = URL.createObjectURL(res)
              link.href = objectUrl
              link.download = '模板文件.zip';
              link.click() // 下载文件
    }).catch((error) => {
      this.$message.error(error)
    })
  },
    ```