axios 下载文件流

axios 下载文件流

背景：在处理文件下载时，服务端存在校验，需要在请求头里添加token 这时直接使用 a 标签就不能满足需求。接下来我们直接通过 axios 请求，在请求头里设置 token

请求获取文件流并下载

    axios({
      method: "GET",
      url: `${请求地址}`,
      headers: {
        'Authorization': ${token}
      },
      responseType: 'blob'
    }).then(res => {
// 请求成功后处理流
      if(res.status === 200) {
        const blob = new Blob([res.data])
        const downloadElement = document.createElement('a');
        const href = window.URL.createObjectURL(blob); //创建下载的链接
        downloadElement.href = href;
        downloadElement.download = '自定义文件名.xlsx'; //下载后文件名
        document.body.appendChild(downloadElement);
        downloadElement.click(); //点击下载
        document.body.removeChild(downloadElement); //下载完成移除元素
        window.URL.revokeObjectURL(href); //释放掉blob对象
      }
    });

获取文件流并处理成 JSON

const read = new FileReader();
      read.readAsText(e.response.data, 'utf-8');
      read.onload = (data) => {
        const res = JSON.parse(data.currentTarget.result)
        that.$message.error(res.msg);
      }